.nice-select{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    background-color:#fff;
    border-radius:5px;
    border:solid 1px #e8e8e8;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    clear:both;
    cursor:pointer;
    display:block;
    float:left;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    height:38px;
    line-height:36px;
    outline:none;
    padding-left:18px;
    padding-right:30px;
    position:relative;
    text-align:left!important;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap;
    width:auto
}
.nice-select:hover{
    border-color:#dbdbdb
}
.nice-select:active,.nice-select.open,.nice-select:focus{
    border-color:#999
}
.nice-select:after{
    border-bottom:2px solid #999;
    border-right:2px solid #999;
    content:"";
    display:block;
    height:5px;
    margin-top:-4px;
    pointer-events:none;
    position:absolute;
    right:12px;
    top:50%;
    -webkit-transform-origin:66% 66%;
    -ms-transform-origin:66% 66%;
    transform-origin:66% 66%;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all .15s ease-in-out;
    -o-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out;
    width:5px
}
.nice-select.open:after{
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg)
}
.nice-select.open .nice-select-dropdown{
    opacity:1;
    pointer-events:auto;
    -webkit-transform:scale(1) translateY(0);
    -ms-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0)
}
.nice-select.disabled{
    border-color:#ededed;
    color:#999;
    pointer-events:none
}
.nice-select.disabled:after{
    border-color:#ccc
}
.nice-select.wide{
    width:100%
}
.nice-select.wide .nice-select-dropdown{
    left:0!important;
    right:0!important
}
.nice-select.right{
    float:right
}
.nice-select.right .nice-select-dropdown{
    left:auto;
    right:0
}
.nice-select.small{
    font-size:12px;
    height:36px;
    line-height:34px
}
.nice-select.small:after{
    height:4px;
    width:4px
}
.nice-select.small .option{
    line-height:34px;
    min-height:34px
}
.nice-select .nice-select-dropdown{
    margin-top:4px;
    background-color:#fff;
    border-radius:5px;
    -webkit-box-shadow:0 0 0 1px rgba(68,68,68,.11);
    box-shadow:0 0 0 1px #4444441c;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:0;
    -webkit-transform-origin:50% 0;
    -ms-transform-origin:50% 0;
    transform-origin:50% 0;
    -webkit-transform:scale(.75) translateY(19px);
    -ms-transform:scale(.75) translateY(19px);
    transform:scale(.75) translateY(19px);
    -webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    -o-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index:9;
    opacity:0
}
.nice-select .list{
    border-radius:5px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    padding:0;
    max-height:210px;
    overflow-y:auto
}
.nice-select .list:hover .option:not(:hover){
    background-color:transparent!important
}
.nice-select .option{
    cursor:pointer;
    font-weight:400;
    line-height:40px;
    list-style:none;
    outline:none;
    padding-left:18px;
    padding-right:29px;
    text-align:left;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{
    background-color:#f6f6f6
}
.nice-select .option.selected{
    font-weight:700
}
.nice-select .option.disabled{
    background-color:transparent;
    color:#999;
    cursor:default
}
.nice-select .optgroup{
    font-weight:700
}
.no-csspointerevents .nice-select .nice-select-dropdown{
    display:none
}
.no-csspointerevents .nice-select.open .nice-select-dropdown{
    display:block
}
.nice-select .list::-webkit-scrollbar{
    width:0
}
.nice-select .has-multiple{
    white-space:inherit;
    height:auto;
    padding:7px 12px;
    min-height:36px;
    line-height:22px
}
.nice-select .has-multiple span.current{
    border:1px solid #ccc;
    background:#eee;
    padding:0 10px;
    border-radius:3px;
    display:inline-block;
    line-height:24px;
    font-size:14px;
    margin-bottom:3px;
    margin-right:3px
}
.nice-select .has-multiple .multiple-options{
    display:block;
    line-height:24px;
    padding:0
}
.nice-select .nice-select-search-box{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    padding:5px;
    pointer-events:none;
    border-radius:5px 5px 0 0
}
.nice-select .nice-select-search{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#fff;
    border:1px solid #e8e8e8;
    border-radius:3px;
    color:#444;
    display:inline-block;
    vertical-align:middle;
    padding:7px 12px;
    margin:0 10px 0 0;
    width:100%;
    min-height:36px;
    line-height:22px;
    height:auto;
    outline:0!important;
    font-size:14px
}
@font-face{
    font-family:jas;
    src:url(/media/JAS-Light-8aa4f854.woff);
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:jas;
    src:url(/media/JAS-Regular-8874d260.woff);
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:jas;
    src:url(/media/JAS-Bold-cba1261d.woff);
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:macan;
    src:url(/media/Macan-Regular-634e8726.woff);
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:macan;
    src:url(/media/Macan-Semibold-05d2fed5.woff);
    font-weight:600;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:macan;
    src:url(/media/Macan-Semibold-05d2fed5.woff);
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:icons-ja;
    src:url(/media/icons-ja-6e0b5115.eot?ftqlj7);
    src:url(/media/icons-ja-6e0b5115.eot?ftqlj7#iefix) format("embedded-opentype"),url(/media/icons-ja-c4d948f8.ttf?ftqlj7) format("truetype"),url(/media/icons-ja-a76a835a.woff?ftqlj7) format("woff"),url(/media/icons-ja-aac0c78f.svg?ftqlj7#icons-ja) format("svg");
    font-weight:400;
    font-style:normal;
    font-display:swap
}

@font-face {
  font-family: 'icons-ja';
  src:  url('/media/icons-ja-v2.eot?7kosx3');
  src:  url('/media/icons-ja-v2.eot?7kosx3#iefix') format('embedded-opentype'),
    url('/media/icons-ja-v2.ttf?7kosx3') format('truetype'),
    url('/media/icons-ja-v2.woff?7kosx3') format('woff'),
    url('/media/icons-ja-v2.svg?7kosx3#icons-ja') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^=icon-],[class*=" icon-"]{
    font-family:icons-ja!important;
    speak:never;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.icon-shipped:before {
  content: "\e9e0";
}
.icon-bag:before {
  content: "\e9de";
}
.icon-experience:before {
  content: "\e9cb";
}
.icon-hilo:before {
  content: "\e9cc";
}
.icon-less-waste:before {
  content: "\e9cd";
}
.icon-certif:before {
  content: "\e9ce";
}
.icon-search:before {
  content: "\e9dd";
}
.icon-points:before {
  content: "\e9dc";
}
.icon-number-10:before {
  content: "\e9d1";
}
.icon-apple:before {
  content: "\e9d2";
}
.icon-hourglass:before {
  content: "\e9d3";
}
.icon-pear:before {
  content: "\e9d4";
}
.icon-straight:before {
  content: "\e9d5";
}
.icon-number-04:before {
  content: "\e9d6";
}
.icon-number-05:before {
  content: "\e9d7";
}
.icon-number-06:before {
  content: "\e9d8";
}
.icon-number-07:before {
  content: "\e9d9";
}
.icon-number-08:before {
  content: "\e9da";
}
.icon-number-09:before {
  content: "\e9db";
}
.icon-oo-large:before {
  content: "\e9cf";
}
.icon-oo-small:before {
  content: "\e9d0";
}
.icon-Add-circle:before {
  content: "\e900";
}
.icon-Add-large:before {
  content: "\e901";
}
.icon-Add-small:before {
  content: "\e902";
}
.icon-Add-square:before {
  content: "\e903";
}
.icon-Alarm-clock:before {
  content: "\e904";
}
.icon-Antenna:before {
  content: "\e905";
}
.icon-Archive-box:before {
  content: "\e906";
}
.icon-Arrow-circle-down:before {
  content: "\e907";
}
.icon-Arrow-circle-down-1:before {
  content: "\e908";
}
.icon-Arrow-circle-left:before {
  content: "\e909";
}
.icon-Arrow-circle-left-1:before {
  content: "\e90a";
}
.icon-Arrow-circle-right:before {
  content: "\e90b";
}
.icon-Arrow-circle-right-1:before {
  content: "\e90c";
}
.icon-Arrow-circle-up:before {
  content: "\e90d";
}
.icon-Arrow-circle-up-1:before {
  content: "\e90e";
}
.icon-Arrow-down:before {
  content: "\e90f";
}
.icon-Arrow-down-left:before {
  content: "\e910";
}
.icon-Arrow-down-right:before {
  content: "\e911";
}
.icon-Arrow-left:before {
  content: "\e912";
}
.icon-Arrow-move:before {
  content: "\e913";
}
.icon-Arrow-right:before {
  content: "\e914";
}
.icon-Arrow-square-down:before {
  content: "\e915";
}
.icon-Arrow-square-left:before {
  content: "\e916";
}
.icon-Arrow-square-right:before {
  content: "\e917";
}
.icon-Arrow-square-up:before {
  content: "\e918";
}
.icon-Arrow-up:before {
  content: "\e919";
}
.icon-Arrow-up-left:before {
  content: "\e91a";
}
.icon-Arrow-up-right:before {
  content: "\e91b";
}
.icon-Attachment:before {
  content: "\e91c";
}
.icon-Backspace:before {
  content: "\e91d";
}
.icon-Battery-empty:before {
  content: "\e91e";
}
.icon-Battery-full:before {
  content: "\e91f";
}
.icon-Battery-half:before {
  content: "\e920";
}
.icon-Bill:before {
  content: "\e921";
}
.icon-Bluetooth:before {
  content: "\e922";
}
.icon-Bluetooth-off:before {
  content: "\e923";
}
.icon-Book:before {
  content: "\e924";
}
.icon-Building:before {
  content: "\e925";
}
.icon-Calendar-date:before {
  content: "\e926";
}
.icon-Calendar-month:before {
  content: "\e927";
}
.icon-Call:before {
  content: "\e928";
}
.icon-Call-add:before {
  content: "\e929";
}
.icon-Call-end:before {
  content: "\e92a";
}
.icon-Call-inbound:before {
  content: "\e92b";
}
.icon-Call-outbound:before {
  content: "\e92c";
}
.icon-Cart:before {
  content: "\e92d";
}
.icon-Cast:before {
  content: "\e92e";
}
.icon-Chat:before {
  content: "\e92f";
}
.icon-Check-circle:before {
  content: "\e930";
}
.icon-Check-large:before {
  content: "\e931";
}
.icon-Check-large:before,.plp .filters-column .selected-item .checkskin-color:before,.card-fabric-pdp__colors input:checked+div.checkskin-color:hover:before,.card-product-plp__colors input:checked+div.checkskin-color:hover:before,.module-6 .checkskin input:checked+.checkskin-color:hover:before,.checkskin input:checked+.checkskin-color:before{
    content:"\e931"
}
.icon-Checklist:before {
  content: "\e932";
}
.icon-Check-small:before {
  content: "\e933";
}
.icon-Check-square:before {
  content: "\e934";
}
.icon-Chevron-down-large:before {
  content: "\e935";
}
.icon-Chevron-down-small:before {
  content: "\e936";
}
.icon-Chevron-left-large:before {
  content: "\e937";
}
.icon-Chevron-left-small:before {
  content: "\e938";
}
.icon-Chevron-right-large:before {
  content: "\e939";
}
.icon-Chevron-right-small:before {
  content: "\e93a";
}
.icon-Chevron-square-down:before {
  content: "\e93b";
}
.icon-Chevron-square-left:before {
  content: "\e93c";
}
.icon-Chevron-square-right:before {
  content: "\e93d";
}
.icon-Chevron-square-up:before {
  content: "\e93e";
}
.icon-Chevron-up-large:before {
  content: "\e93f";
}
.icon-Chevron-up-small:before {
  content: "\e940";
}
.icon-Circle:before {
  content: "\e941";
}
.icon-Clipboard:before {
  content: "\e942";
}
.icon-Clock:before {
  content: "\e943";
}
.icon-Cloud-download:before {
  content: "\e944";
}
.icon-Cloud-upload:before {
  content: "\e945";
}
.icon-Comment:before {
  content: "\e946";
}
.icon-Comment-2:before {
  content: "\e947";
}
.icon-Comment-discussion:before {
  content: "\e948";
}
.icon-number-02:before {
  content: "\e949";
}
.icon-Compose:before {
  content: "\e94a";
}
.icon-Contacts-book:before {
  content: "\e94b";
}
.icon-Credit-card:before {
  content: "\e94c";
}
.icon-Cross-circle:before {
  content: "\e94d";
}
.icon-Cross-large:before {
  content: "\e94e";
}
.icon-Cross-small:before {
  content: "\e94f";
}
.icon-Cross-square:before {
  content: "\e950";
}
.icon-Dash-circle:before {
  content: "\e951";
}
.icon-Dash-large:before {
  content: "\e952";
}
.icon-Dash-small:before {
  content: "\e953";
}
.icon-Dash-square:before {
  content: "\e954";
}
.icon-Dash-square:before,.plp .filters-column .selected-item .checkskin-color:hover:before,.checkskin input:checked+.checkskin-color:hover:before,.button--color:before{
    content:"\e954"
}
.icon-Delete:before {
  content: "\e955";
}
.icon-Document:before {
  content: "\e956";
}
.icon-Download:before {
  content: "\e957";
}
.icon-Download-arrow:before {
  content: "\e958";
}
.icon-Enter:before {
  content: "\e959";
}
.icon-Exclamation-mark:before {
  content: "\e95a";
}
.icon-Expand:before {
  content: "\e95b";
}
.icon-Favourite-off:before {
  content: "\e95c";
}
.icon-Favourite-on:before {
  content: "\e95d";
}
.icon-Filter:before {
  content: "\e95e";
}
.icon-Fold:before {
  content: "\e95f";
}
.icon-Folder:before {
  content: "\e960";
}
.icon-Folder-open:before {
  content: "\e961";
}
.icon-Forward:before {
  content: "\e962";
}
.icon-Full-screen:before {
  content: "\e963";
}
.icon-Globe:before {
  content: "\e964";
}
.icon-Globe-2:before {
  content: "\e965";
}
.icon-Graduation-hat:before {
  content: "\e966";
}
.icon-Help:before {
  content: "\e967";
}
.icon-Help-circle:before {
  content: "\e968";
}
.icon-Highlighter:before {
  content: "\e969";
}
.icon-History:before {
  content: "\e96a";
}
.icon-Home:before {
  content: "\e96b";
}
.icon-Image:before {
  content: "\e96c";
}
.icon-Info-circle:before {
  content: "\e96d";
}
.icon-Key:before {
  content: "\e96e";
}
.icon-Keyboard:before {
  content: "\e96f";
}
.icon-Keyboard-close:before {
  content: "\e970";
}
.icon-Keyboard-open:before {
  content: "\e971";
}
.icon-Keypad:before {
  content: "\e972";
}
.icon-Laptop:before {
  content: "\e973";
}
.icon-Link:before {
  content: "\e974";
}
.icon-Link-broken:before {
  content: "\e975";
}
.icon-List:before {
  content: "\e976";
}
.icon-Location-marker:before {
  content: "\e977";
}
.icon-Lock:before {
  content: "\e978";
}
.icon-Log-in:before {
  content: "\e979";
}
.icon-Log-out:before {
  content: "\e97a";
}
.icon-Mail:before {
  content: "\e97b";
}
.icon-Map:before {
  content: "\e97c";
}
.icon-Microphone:before {
  content: "\e97d";
}
.icon-Microphone-off:before {
  content: "\e97e";
}
.icon-Mobile-phone:before {
  content: "\e97f";
}
.icon-Monitor:before {
  content: "\e980";
}
.icon-Mute:before {
  content: "\e981";
}
.icon-Newspaper:before {
  content: "\e982";
}
.icon-Notification:before {
  content: "\e983";
}
.icon-Notification-off:before {
  content: "\e984";
}
.icon-number-03:before {
  content: "\e985";
}
.icon-number-01:before {
  content: "\e986";
}
.icon-user:before {
  content: "\e987";
}
.icon-Open-in-new-tab:before {
  content: "\e988";
}
.icon-Pause:before {
  content: "\e989";
}
.icon-Pause-circle:before {
  content: "\e98a";
}
.icon-Pen:before {
  content: "\e98b";
}
.icon-Pencil:before {
  content: "\e98c";
}
.icon-People:before {
  content: "\e98d";
}
.icon-Person:before {
  content: "\e98e";
}
.icon-Pin:before {
  content: "\e98f";
}
.icon-Play:before {
  content: "\e990";
}
.icon-Play-circle:before {
  content: "\e991";
}
.icon-Power:before {
  content: "\e992";
}
.icon-Preview-off:before {
  content: "\e993";
}
.icon-Preview-on:before {
  content: "\e994";
}
.icon-Print:before {
  content: "\e995";
}
.icon-Refresh:before {
  content: "\e996";
}
.icon-Reply-all:before {
  content: "\e997";
}
.icon-Reply:before {
  content: "\e998";
}
.icon-Rotate-clockwise:before {
  content: "\e999";
}
.icon-Rotate-counterclockwise:before {
  content: "\e99a";
}
.icon-Screen-normal:before {
  content: "\e99b";
}
.icon-Search:before {
  content: "\e99c";
}
.icon-Send:before {
  content: "\e99d";
}
.icon-Settings-gear:before {
  content: "\e99e";
}
.icon-Share:before {
  content: "\e99f";
}
.icon-Shield:before {
  content: "\e9a0";
}
.icon-Shield-check:before {
  content: "\e9a1";
}
.icon-Shield-cross:before {
  content: "\e9a2";
}
.icon-Shield-lock:before {
  content: "\e9a3";
}
.icon-Shopping-bag-2:before {
  content: "\e9a4";
}
.icon-Shrink:before {
  content: "\e9a5";
}
.icon-Signal:before {
  content: "\e9a6";
}
.icon-Sliders:before {
  content: "\e9a7";
}
.icon-Sort:before {
  content: "\e9a8";
}
.icon-Square:before {
  content: "\e9a9";
}
.icon-Stop:before {
  content: "\e9aa";
}
.icon-Stop-watch:before {
  content: "\e9ab";
}
.icon-Swap:before {
  content: "\e9ac";
}
.icon-Sync:before {
  content: "\e9ad";
}
.icon-Sync-off:before {
  content: "\e9ae";
}
.icon-Tab:before {
  content: "\e9af";
}
.icon-Tablet-device:before {
  content: "\e9b0";
}
.icon-Tag:before {
  content: "\e9b1";
}
.icon-Ticket:before {
  content: "\e9b2";
}
.icon-Triangle-down:before {
  content: "\e9b3";
}
.icon-Triangle-right:before {
  content: "\e9b4";
}
.icon-Triangle-right-1:before {
  content: "\e9b5";
}
.icon-Triangle-up:before {
  content: "\e9b6";
}
.icon-Unfold:before {
  content: "\e9b7";
}
.icon-Unlock:before {
  content: "\e9b8";
}
.icon-Unpin:before {
  content: "\e9b9";
}
.icon-Unverified:before {
  content: "\e9ba";
}
.icon-Upload:before {
  content: "\e9bb";
}
.icon-Upload-arrow:before {
  content: "\e9bc";
}
.icon-Verified:before {
  content: "\e9bd";
}
.icon-Volume-full:before {
  content: "\e9be";
}
.icon-Volume-low:before {
  content: "\e9bf";
}
.icon-Volume-medium:before {
  content: "\e9c0";
}
.icon-Volume-zero:before {
  content: "\e9c1";
}
.icon-Warning:before {
  content: "\e9c2";
}
.icon-Wifi:before {
  content: "\e9c3";
}
.icon-Wifi-off:before {
  content: "\e9c4";
}
.icon-Zip:before {
  content: "\e9c5";
}
.icon-Zoom-in:before {
  content: "\e9c6";
}
.icon-Zoom-out:before {
  content: "\e9c7";
}
.icon-exit:before {
  content: "\e9c8";
}
.icon-list-view:before {
  content: "\e9c9";
}
.icon-square-view:before {
  content: "\e9ca";
}
.icon-notested:before {
  content: "\e9df";
}

.input.input-control{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    margin-top:1rem;
    margin-bottom:1rem
}
.input.input-control label{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 16px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    pointer-events:none;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.input.input-control select{
    background-color:transparent;
    border:0
}
.input.input-control :is(input,textarea){
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 16px;
    width:100%;
    border:0;
    border-bottom:1px solid var(--white50);
    background-color:transparent;
    padding-bottom:12px;
    padding-top:12px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.input.input-control :is(input,textarea)::-webkit-input-placeholder{
    -webkit-transition:all .3s;
    transition:all .3s
}
.input.input-control :is(input,textarea)::-moz-placeholder{
    -moz-transition:all .3s;
    transition:all .3s
}
.input.input-control :is(input,textarea):-ms-input-placeholder{
    -ms-transition:all .3s;
    transition:all .3s
}
.input.input-control :is(input,textarea)::-ms-input-placeholder{
    -ms-transition:all .3s;
    transition:all .3s
}
.input.input-control :is(input,textarea)::placeholder{
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.input.input-control :is(input,textarea):-webkit-autofill{
    -webkit-background-clip:text;
    background-clip:text
}
.input.input-control input:not(:-moz-placeholder-shown)+label,.input.input-control textarea:not(:-moz-placeholder-shown)+label{
    --font-size: 14px;
    --font-color: var(--black600);
    top:-12px
}
.input.input-control input:not(:-ms-input-placeholder)+label,.input.input-control textarea:not(:-ms-input-placeholder)+label{
    --font-size: 14px;
    --font-color: var(--black600);
    top:-12px
}
.input.input-control.label-small label,.input.input-control input:focus+label,.input.input-control input:not(:placeholder-shown)+label,.input.input-control textarea:focus+label,.input.input-control textarea:not(:placeholder-shown)+label{
    --font-size: 14px;
    --font-color: var(--black600);
    top:-12px
}
.input.input-control :is(input,textarea):focus{
    border-color:var(--green)
}
.input.input-control input:not(:focus)::-webkit-input-placeholder{
    opacity:0
}
.input.input-control input:not(:focus)::-moz-placeholder{
    opacity:0
}
.input.input-control input:not(:focus):-ms-input-placeholder{
    opacity:0
}
.input.input-control input:not(:focus)::-ms-input-placeholder{
    opacity:0
}
.input.input-control input:not(:focus)::placeholder{
    opacity:0
}
.input.input-control input:disabled{
    background-color:transparent
}
.input.input-control textarea{
    --line-height: 1.3em
}
.input.input-control textarea::-webkit-input-placeholder{
    line-height:1.3em
}
.input.input-control textarea::-moz-placeholder{
    line-height:1.3em
}
.input.input-control textarea:-ms-input-placeholder{
    line-height:1.3em
}
.input.input-control textarea::-ms-input-placeholder{
    line-height:1.3em
}
.input.input-control textarea::placeholder{
    line-height:1.3em
}
.input.input-control--icon input{
    padding-right:25px
}
.input.input-control--icon .icon{
    color:var(--black700);
    font-size:16px;
    position:absolute;
    right:2px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.input.input-control--rounded input{
    border:1px solid var(--black-ja);
    border-radius:60px;
    padding:.713rem 3rem .713rem 1.5rem
}
.input.input-control--rounded input:not(:focus)::-webkit-input-placeholder{
    opacity:1
}
.input.input-control--rounded input:not(:focus)::-moz-placeholder{
    opacity:1
}
.input.input-control--rounded input:not(:focus):-ms-input-placeholder{
    opacity:1
}
.input.input-control--rounded input:not(:focus)::-ms-input-placeholder{
    opacity:1
}
.input.input-control--rounded input:not(:focus)::placeholder{
    opacity:1
}
.input.input-control--rounded .icon{
    right:1.5rem;
    font-size:20px
}
.input.input-control--rounded .nice-select{
    border-radius:1000px;
    border:1px solid var(--white300);
    padding-bottom:0;
    padding-left:.5rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.input.input-control--rounded .nice-select .current{
    font-size:12px;
    padding-left:19px;
    padding-right:19px
}
.input.input-control--rounded .nice-select:after{
    top:43%
}
.input.input-option{
    margin-bottom:.8rem;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.input.input-option p{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 14px;
    color:var(--gray900);
    line-height:22px;
    margin-left:.8rem
}
.input.input-option p a{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    text-decoration:none;
    --font-color: var(--orange)
}
.input.input-option p a:hover{
    text-decoration:underline
}
.input.input-option input{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:0px;
    height:0px;
    opacity:0;
    visibility:hidden
}
.input.input-option input+.input-option-shape{
    display:inline-block;
    -ms-flex-negative:0;
    flex-shrink:0
}
.input.input-option input~p{
    display:inline-block;
    -webkit-transform:translate(0,1px);
    -ms-transform:translate(0,1px);
    transform:translateY(1px)
}
.input.input-option input[type=checkbox]+.input-option-shape{
    width:16px;
    height:16px;
    border-radius:6px;
    position:relative;
    border:2px solid var(--black600);
    background:transparent;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.input.input-option input[type=checkbox]:checked+.input-option-shape{
    border:2px solid var(--orange);
    background:var(--orange);
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.input.input-option input[type=checkbox]:checked+.input-option-shape:before{
    font-family:var(--icons);
    font-size:19px;
    line-height:0;
    color:var(--white);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    content: "\e933";
}
.input.input-option input[type=radio]+.input-option-shape{
    width:16px;
    height:16px;
    border-radius:50%;
    border:2px solid var(--black600);
    background:transparent;
    position:relative;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.input.input-option input[type=radio]+.input-option-shape:before{
    content:"";
    width:0px;
    height:0px;
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    background:var(--orange);
    border-radius:50%;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.input.input-option input[type=radio]:checked+.input-option-shape{
    border:2px solid var(--orange)
}
.input.input-option input[type=radio]:checked+.input-option-shape:before{
    width:8px;
    height:8px
}
.input-phone{
    position:relative;
    display:grid;
    grid-template-columns:37px 50px 1fr;
    border-bottom:1px solid var(--white50);
    padding-top:.532rem;
    padding-bottom:.532rem;
    margin-top:1rem;
    margin-bottom:1rem
}
.input-phone__list{
    height:100%
}
.input-phone__list [data-bs-toggle=collapse]{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.input-phone__list>a:before{
    font-family:var(--icons);
    font-size:8px;
    left:24px;
    display:inline-block;
    position:absolute
}
.input-phone__code{
    position:relative
}
.input-phone__code:before{
    content:"";
    display:block;
    height:60%;
    width:1px;
    background:var(--black-ja);
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translateY(-50%)
}
.input-phone__code input{
    text-align:center;
    padding-left:0;
    padding-right:0
}
.input-phone__collapse{
    position:absolute;
    top:calc(100% + 5px);
    left:0;
    width:100%;
    padding:.5rem 1rem;
    -webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);
    box-shadow:0 4px 4px #00000040;
    background-color:var(--white);
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top;
    -webkit-transition:all .15s ease-out;
    -o-transition:all .15s ease-out;
    transition:all .15s ease-out;
    z-index:1
}
.input-phone__collapse .input-search{
    width:100%;
    border:none;
    border-bottom:2px solid var(--black600)
}
.input-phone__number input{
    padding-left:16px
}
.input-phone__number input:focus{
    border-color:var(--black-ja)
}
.input-phone__number input:not(:-moz-placeholder-shown)+label{
    --font-size: 14px;
    --font-color: var(--black600);
    top:-4px;
    left:0
}
.input-phone__number input:not(:-ms-input-placeholder)+label{
    --font-size: 14px;
    --font-color: var(--black600);
    top:-4px;
    left:0
}
.input-phone__number input:focus+label,.input-phone__number input:not(:placeholder-shown)+label{
    --font-size: 14px;
    --font-color: var(--black600);
    top:-4px;
    left:0
}
.input-phone__label{
    position:absolute;
    top:calc(50% - 2px);
    left:105px;
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 16px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.input-phone .flag-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:.5rem 0;
    gap:10px;
    text-decoration:none
}
.input-phone .flag-item img{
    margin-right:10px
}
.input-phone .flag-item p{
    margin-right:10px;
    font-size:16px;
    font-weight:400;
    color:#535353
}
.input-phone .input-skin{
    width:100%;
    border:none;
    background-color:var(--white);
    color:var(--black-ja);
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.input-file{
    max-width:400px;
    padding:130px 30px;
    border:1px dashed var(--black600);
    border-radius:9999px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    cursor:pointer
}
@media screen and (min-width: 768px){
    .input-file{
        padding-left:50px;
        padding-right:50px
    }
}
.input-file input{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:0px;
    height:0px;
    opacity:0;
    visibility:hidden
}
.input-file img{
    width:100px;
    height:100px;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:50%
}
@media screen and (min-width: 768px){
    .input-file img{
        width:150px;
        height:150px
    }
}
.input-file .icon{
    font-size:40px;
    color:var(--gray-primary)
}
.input-file:hover{
    border-color:var(--orange)
}
.input-file [data-description]{
    word-break:break-all
}
.input-file-text{
    max-width:100%;
    padding:18px 30px
}
.input-file-text .icon{
    font-size:18px
}
.input .invalid{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-color: var(--red)!important;
    --font-size: 12px!important;
    width:100%!important;
    position:absolute!important;
    bottom:-18px!important;
    opacity:0;
    visibility:hidden;
    background-color:transparent!important
}
.input .invalid-visible{
    opacity:1!important;
    visibility:visible!important
}
.input .invalid-tooltip{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-color: var(--red);
    --font-size: 12px;
    width:100%;
    position:absolute;
    bottom:-18px;
    background-color:transparent
}
.input .valid-tooltip{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-color: var(--green400)!important;
    --font-size: 12px!important;
    width:100%!important;
    position:absolute!important;
    bottom:-18px!important;
    background-color:transparent!important
}
.input.checkbox-payment{
    position:relative;
    width:auto;
    display:inline-block
}
.input.checkbox-payment .box{
    border:1px solid var(--black-ja);
    border-radius:1000px;
    padding-left:50px;
    padding-right:25px;
    min-height:20px;
    min-width:205px;
    height:70px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.input.checkbox-payment .input-option-shape{
    position:absolute!important;
    left:20px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.input.checkbox-payment input:checked~.box{
    border-color:var(--orange)
}
.input-phone-flags .flag-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.input-phone-flags__collapse{
    margin-top:8px;
    max-height:170px;
    border-radius:10px;
    width:100%;
    overflow-y:auto;
    position:absolute;
    background-color:#fff;
    z-index:2;
    top:100%;
    padding:5px 0;
    -webkit-box-shadow:0 8px 16px rgba(0,0,0,.15);
    box-shadow:0 8px 16px #00000026
}
.input-phone-flags__collapse input{
    background-color:#fff;
    border:1px solid #e8e8e8;
    border-radius:3px;
    color:#444;
    display:inline-block;
    vertical-align:middle;
    padding:7px;
    width:100%;
    min-height:36px;
    line-height:22px;
    height:auto;
    outline:0!important;
    font-size:14px
}
.input-phone-flags__collapse input:focus,.input-phone-flags__collapse input:active{
    color:#000
}
.input-phone-flags__collapse input::-webkit-input-placeholder{
    color:#000;
    font-size:14px;
    opacity:.9
}
.input-phone-flags__collapse input::-moz-placeholder{
    color:#000;
    font-size:14px;
    opacity:.9
}
.input-phone-flags__collapse input:-ms-input-placeholder{
    color:#000;
    font-size:14px;
    opacity:.9
}
.input-phone-flags__collapse input::-ms-input-placeholder{
    color:#000;
    font-size:14px;
    opacity:.9
}
.input-phone-flags__collapse input::placeholder{
    color:#000;
    font-size:14px;
    opacity:.9
}
.input-phone-flags__collapse input:-ms-input-placeholder{
    color:#000;
    font-size:14px;
    line-height:18px
}
.input-phone-flags__collapse input::-ms-input-placeholder{
    color:#000;
    font-size:14px;
    line-height:18px
}
.input-phone-flags__collapse .flag-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:.5rem 1rem;
    gap:5px;
    text-decoration:none;
    width:100%
}
.input-phone-flags__collapse .flag-item img{
    margin-right:15px
}
.input-phone-flags__collapse .flag-item p{
    font-size:16px;
    font-weight:400;
    color:#535353;
    margin-bottom:0
}
.input-phone-flags__collapse .flag-item:hover{
    background-color:#f4f2ed
}
.input-phone-flags__input-code{
    max-width:100px;
    pointer-events:none
}
.input-phone-flags__button:after{
    content:"\e935";
    position:absolute;
    font-family:var(--icons);
    color:gray;
    display:block;
    background-image:none;
    font-size:9px;
    width:auto;
    height:auto;
    left:130px;
    top:50%;
    -webkit-transform:translate(0,-50%) rotate(0deg);
    -ms-transform:translate(0,-50%) rotate(0deg);
    transform:translateY(-50%) rotate(0);
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center;
    -webkit-transition:-webkit-transform .2s ease-in-out;
    transition:-webkit-transform .2s ease-in-out;
    -o-transition:transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
    transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
.input-phone-flags__button:not(.collapsed):after{
    -webkit-transform:translate(0,-50%) rotate(180deg);
    -ms-transform:translate(0,-50%) rotate(180deg);
    transform:translateY(-50%) rotate(180deg);
    -webkit-transition:-webkit-transform .2s ease-in-out;
    transition:-webkit-transform .2s ease-in-out;
    -o-transition:transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
    transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out
}
.input-phone-flags__button:before{
    content:"";
    width:1px;
    height:25px;
    background-color:#000;
    left:160px;
    top:28%;
    position:absolute
}
.was-validated input:invalid~.invalid,.was-validated select:invalid~.invalid,.was-validated textarea:invalid~.invalid{
    visibility:visible;
    opacity:1
}
.was-validated .input-phone input:invalid~.invalid{
    position:absolute;
    bottom:-1.5rem;
    left:0
}
.button{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 14px;
    text-decoration:none;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.button--primary,.button--primary-small,.button--primary-xsmall,.button--primary-arrow{
    --font-color: var(--gray-light);
    --font-family: var(--font-secondary);
    --font-weight: 700;
    text-transform:uppercase;
    padding:14px 32px;
    background-color:var(--black-ja);
    border-radius:50px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.button--primary:hover,.button--primary-small:hover,.button--primary-xsmall:hover,.button--primary-arrow:hover{
    background-color:var(--orange)
}
.button--primary.disabled,.button--primary-small.disabled,.button--primary-xsmall.disabled,.button--primary-arrow.disabled{
    background-color:var(--black600)
}
.button--primary-small{
    padding:10px 18.5px
}
.button--primary-xsmall{
    padding:8px 31px
}
.button--secondary{
    text-transform:uppercase;
    --font-color: var(--black-ja);
    --font-weight: 700;
    --font-family: var(--font-secondary);
    --font-size: 16px;
    --line-height: 28px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.button--secondary .icon{
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    font-size:16px
}
.button--secondary:hover,.button--secondary-primary-color{
    --font-color: var(--orange)
}
.button--secondary.disabled{
    --font-color: var(--black600)
}
.button--tertiary{
    --font-color: var(--black-ja);
    --font-weight: 700;
    --font-family: var(--font-secondary);
    --font-size: 12px;
    position:relative;
    cursor:pointer
}
.button--tertiary:before{
    content:"";
    display:inline-block;
    width:0;
    position:absolute;
    bottom:-7px;
    right:0;
    background-color:var(--orange);
    height:2px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.button--tertiary:hover:before{
    width:100%
}
.button--quaternary{
    --font-color: var(--black-ja);
    --font-weight: 700;
    --font-family: var(--font-secondary);
    --font-size: 12px;
    text-transform:uppercase;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.button--quaternary .icon{
    font-size:8px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px solid var(--font-color);
    padding:2px;
    width:24px;
    height:24px;
    border-radius:50%;
    margin-left:.4rem;
    -webkit-transition:border .2s ease-in-out;
    -o-transition:border .2s ease-in-out;
    transition:border .2s ease-in-out
}
.button--quaternary:hover{
    --font-color: var(--orange)
}
.button--back{
    --font-size: 16px;
    --font-family: var(--font-secondary);
    --font-color: var(--black600);
    --font-weight: 700;
    --line-height: 28px;
    display:inline-block
}
.button--back .icon{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    font-size:12px;
    -webkit-transform:translate(0,-2px);
    -ms-transform:translate(0,-2px);
    transform:translateY(-2px)
}
.button--back:hover{
    --font-color: var(--orange)
}
.button--color{
    position:relative;
    width:45px;
    height:45px;
    background-color:var(--check-color, var(--white));
    border-radius:50%;
    border:1px solid var(--black700)
}
.button--color:before{
    font-family:var(--icons);
    font-size:18px;
    color:var(--check-color, var(--white));
    position:absolute;
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    height:100%;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.button--color:hover:before{
    color:var(--white)
}
.grid-link-ring{
    display:grid;
    grid-template-columns:repeat(3,-webkit-max-content);
    grid-template-columns:repeat(3,max-content);
    row-gap:20px;
    overflow-x:scroll;
    padding-bottom:20px
}
@media screen and (min-width: 768px){
    .grid-link-ring{
        overflow-x:none
    }
}
.link-ring{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    display:inline-block;
    text-decoration:none;
    text-align:center;
    border:1px solid var(--white50);
    border-radius:50px;
    padding:1.5em;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.link-ring:not(:first-child){
    margin-left:-15px
}
.link-ring:is(:nth-child(3n+1)){
    margin-left:0!important
}
.link-ring:hover,.link-ring.active{
    color:var(--orange);
    border-color:var(--orange)
}
@media screen and (min-width: 768px){
    .link-ring{
        padding:1.479em 2.5em
    }
    .link-ring:not(:first-child){
        margin-left:-24px
    }
}
.link-ring--small{
    padding:31px 58px;
    z-index:1
}
.link-ring--small:not(.active){
    padding:17px 40px;
    background:#F4F1ED;
    border-color:#f4f1ed;
    z-index:0
}
.tab-buttons{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.tab-buttons .nav-tabs{
    border:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-column-gap:.6rem;
    -moz-column-gap:.6rem;
    column-gap:.6rem;
    row-gap:.3rem
}
.tab-buttons .nav-link{
    margin-right:0rem!important;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:12px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    border-top:0;
    border-left:0;
    border-right:0;
    border:none;
    color:var(--font-color)!important;
    --font-size: 12px;
    text-decoration:none;
    padding-left:0;
    padding-right:1rem;
    padding-bottom:.5rem
}
.tab-buttons .nav-link p{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-family: var(--font-primary);
    --font-weight: 600;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.tab-buttons .nav-link .icon{
    font-size:32px;
    color:inherit;
    margin-right:.5rem;
    width:unset
}
.tab-buttons .nav-link:hover,.tab-buttons .nav-link.active,.tab-buttons .nav-link:focus{
    --font-color: var(--orange);
    border:none
}
.tab-buttons .nav-link:hover p,.tab-buttons .nav-link.active p,.tab-buttons .nav-link:focus p{
    border-bottom:3px solid var(--orange)
}
.tab-buttons__svg{
    width:28px;
    height:auto
}
.tab-buttons__svg svg{
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.tab-buttons__item{
    pointer-events:all;
    cursor:pointer
}
.tab-buttons__item svg{
    fill:var(--font-color)
}
.breadcrumb{
    margin:0
}
.breadcrumb span{
    padding-right:.7rem;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.breadcrumb span,.breadcrumb a{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 12px;
    --font-color: var(--black600)
}
.breadcrumb a{
    text-decoration:none;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.breadcrumb a:hover,.breadcrumb span.active,.breadcrumb span.active a{
    --font-color: var(--orange)
}
.breadcrumb .icon{
    font-size:11px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pagination{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pagination span{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:20px
}
.pagination button{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 14px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pagination button:hover,.pagination button.active{
    --font-color: var(--orange)
}
.pagination button.active{
    --font-color: var(--orange);
    --font-weight: 700
}
.pagination>span:not(:last-child){
    padding-right:1.3rem
}
.pagination .icon{
    font-size:12px;
    color:inherit
}
.toast{
    --background: var(--white);
    --border: var(--green);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    background:transparent;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    width:auto;
    z-index:2000
}
.toast__icon{
    background-color:var(--background);
    border-radius:50%;
    width:50px;
    height:50px;
    -ms-flex-preferred-size:50px;
    flex-basis:50px;
    border:1px solid var(--border);
    opacity:.9;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:32px
}
@media screen and (min-width: 576px){
    .toast__icon{
        width:70px;
        height:70px;
        -ms-flex-preferred-size:70px;
        flex-basis:70px
    }
}
.toast__body{
    background-color:var(--background);
    border:1px solid var(--border);
    border-radius:100px;
    width:100%;
    margin-left:40px;
    padding-left:2rem;
    padding-right:2rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:1rem
}
@media screen and (min-width: 576px){
    .toast__body{
        height:70px;
        padding-left:3rem;
        padding-right:1rem
    }
}
.toast__body p{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 14px
}
.toast__button{
    z-index:0
}
.toast--error{
    --border: var(--orange)
}
.toast--warning{
    --border: var(--yellow)
}
.toast-event{
    position:fixed;
    right:10px;
    bottom:20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media screen and (min-width: 768px){
    .toast-event{
        right:40px
    }
}
.toast-event__button{
    position:relative;
    display:grid;
    place-content:center;
    width:64px;
    height:64px;
    border-radius:50%;
    border:1px solid var(--green);
    background-color:#ffffffd9;
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    z-index:1
}
.toast-event__button:hover:not(.collapsed){
    background-color:var(--green)
}
.toast-event__button:hover:not(.collapsed) .icon{
    color:#fff
}
.toast-event__button:hover:not(.collapsed) .icon:before{
    content:"\e954"
}
.toast-event__button:not(.collapsed){
    margin-right:-20px
}
.toast-event__button .icon{
    font-size:20px
}
.toast-event .card-body{
    --bs-card-spacer-y: 18px;
    width:260px;
    border-radius:100px;
    border-color:var(--green);
    min-height:66px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-left:40px
}
@media screen and (min-width: 768px){
    .toast-event .card-body{
        width:440px
    }
}
.toast-event .card-body button{
    -ms-flex-negative:0;
    flex-shrink:0
}
.toast-event .accordion{
    --bs-accordion-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--black-ja);
    --bs-accordion-btn-icon-width: 16px;
    --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
    --bs-accordion-border-width: 0
}
.toast-event .accordion-button{
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0
}
.toast-event .dropdown-menu{
    --bs-dropdown-border-radius: 25px;
    --bs-dropdown-min-width: 100%;
    --bs-dropdown-border-color: transparent;
    --bs-dropdown-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .25);
    -webkit-box-shadow:var(--bs-dropdown-box-shadow);
    box-shadow:var(--bs-dropdown-box-shadow);
    max-height:140px;
    overflow:auto
}
@media screen and (min-width: 768px){
    .toast-event .dropdown-menu{
        --bs-dropdown-padding-y: 16px
    }
}
.toast-event .dropdown-menu::-webkit-scrollbar{
    width:10px
}
.toast-event .dropdown-menu::-webkit-scrollbar-track{
    background:transparent
}
.toast-event .dropdown-menu::-webkit-scrollbar-thumb{
    background:var(--gray-black-600, #8C8C8C);
    border-radius:50px;
    border-right:6px white solid;
    background-clip:padding-box
}
.toast-event .dropdown-menu.show{
    inset:unset!important;
    bottom:100%!important;
    margin-left:-10%!important;
    -webkit-transform:translate(0,0)!important;
    -ms-transform:translate(0,0)!important;
    transform:translate(0)!important
}
.toast-select-list{
    display:block;
    width:100%;
    text-align:left;
    text-decoration:none;
    padding:10px;
    -webkit-transition:background-color .3s;
    -o-transition:background-color .3s;
    transition:background-color .3s
}
@media screen and (min-width: 768px){
    .toast-select-list{
        padding:6px 19px
    }
}
.toast-select-list:hover{
    background-color:var(--greyLight-JA, #F4F2ED)
}
.nav-link .text{
    position:relative;
    display:inline-block;
    --font-size: 16px;
    --font-color: var(--gray-primary);
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.nav-link .text:after{
    content:"";
    position:absolute;
    bottom:-10px;
    left:0;
    width:0;
    height:2px;
    background-color:var(--orange);
    -webkit-transition:width .5s;
    -o-transition:width .5s;
    transition:width .5s
}
.nav-link .icon{
    font-size:16px;
    width:16px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:var(--gray-primary);
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.nav-link:hover .text,.nav-link.active .text{
    --font-color: var(--orange)
}
.nav-link:hover .text:after,.nav-link.active .text:after{
    width:100%
}
.nav-link:hover .icon,.nav-link.active .icon{
    color:var(--orange)
}
.checkskin{
    position:relative;
    margin:0;
    cursor:pointer
}
.checkskin-favorite svg{
    width:22px;
    height:20px;
    display:block;
    fill:transparent;
    stroke:var(--white);
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.checkskin-switch{
    position:relative;
    width:285px;
    height:60px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    background:var(--gray-light);
    border-radius:50px
}
.checkskin-switch:before{
    content:"";
    position:absolute;
    width:50%;
    height:100%;
    background-color:var(--black900);
    border-radius:50px;
    -webkit-transition:-webkit-transform .5s;
    transition:-webkit-transform .5s;
    -o-transition:transform .5s;
    transition:transform .5s;
    transition:transform .5s,-webkit-transform .5s;
    z-index:0
}
.checkskin-switch span{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 12px;
    --font-family: var(--font-secondary);
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:color .5s;
    -o-transition:color .5s;
    transition:color .5s
}
.checkskin-switch span:not(:last-child){
    color:var(--white)
}
.checkskin-switch span:before{
    font-size:16px;
    font-family:var(--icons);
    margin-top:-3px;
    margin-right:10px
}
.checkskin-switch--small{
    height:26px;
    width:auto
}
.checkskin-switch--small span{
    padding:0 .5rem;
    -webkit-transform:translateY(1px);
    -ms-transform:translateY(1px);
    transform:translateY(1px)
}
.checkskin-switch--small span:before{
    content:none!important
}
.checkskin-color{
    position:relative;
    width:45px;
    height:45px;
    background-color:var(--check-color, var(--white));
    border-radius:50%;
    border:1px solid var(--black700);
    -webkit-box-shadow:0px 4px 14px rgba(0,0,0,0);
    box-shadow:0 4px 14px #0000;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.checkskin-color:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    height:100%
}
.checkskin-color--texture{
    border:0;
    background-image:var(--check-texture);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    border:1px solid var(--beige)
}
.checkskin input{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:1px;
    height:1px;
    opacity:0;
    visibility:hidden
}
.checkskin input:checked+.checkskin-favorite svg{
    fill:var(--orange);
    stroke:var(--orange);
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-animation-name:favorite;
    animation-name:favorite;
    -webkit-animation-duration:.45s;
    animation-duration:.45s;
    -webkit-animation-timing-function:ease;
    animation-timing-function:ease;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.checkskin input:checked+.checkskin-switch span{
    color:var(--black-ja)
}
.checkskin input:checked+.checkskin-switch span:not(:first-child){
    color:var(--white)
}
.checkskin input:checked+.checkskin-switch:before{
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translate(100%)
}
.checkskin input:checked+.checkskin-color{
    border:4px solid var(--white);
    -webkit-box-shadow:0 4px 14px rgba(0,0,0,.15);
    box-shadow:0 4px 14px #00000026
}
.checkskin input:checked+.checkskin-color:before{
    font-family:var(--icons);
    font-size:20px;
    color:var(--white);
    z-index:2
}
.checkskin input:checked+.checkskin-color--texture{
    border:4px solid var(--check-color, var(--white))
}
.checkskin.disabled{
    cursor:default;
    pointer-events:none
}
@-webkit-keyframes favorite{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.94);
        transform:scale(.94)
    }
    50%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes favorite{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    25%{
        -webkit-transform:scale(.94);
        transform:scale(.94)
    }
    50%{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.checkskin.fabric-with-color{
    position:relative
}
.checkskin.fabric-with-color .checkskin-color:after{
    content:"";
    width:100%;
    height:100%;
    background:var(--overlay);
    display:block;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%;
    mix-blend-mode:hard-light;
    z-index:0
}
.badge-skin{
    display:inline-block;
    font-size:var(--font-size, 12px);
    line-height:23px;
    color:var(--font-color, var(--white));
    font-weight:var(--font-weight, 600);
    background-color:var(--bg-color, var(--gray-primary));
    padding:.25rem 1.172rem
}
.icon{
    font-size:var(--font-size, inherit);
    color:var(--font-color, inherit)
}
.text:not(div,section,aside,header,footer,main,article,nav,table),.text>*{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0
}
.font-primary{
    --font-family: var(--font-primary)
}
.font-secondary{
    --font-family: var(--font-secondary)
}
.font-tertiary{
    --font-family: var(--font-tertiary)
}
.font-xxl{
    --line-height: 1.4em;
    --font-size: 35px
}
@media screen and (min-width: 992px){
    .font-xxl{
        --font-size: 40px
    }
}
@media screen and (min-width: 1200px){
    .font-xxl{
        --font-size: 50px
    }
}
@media screen and (min-width: 1400px){
    .font-xxl{
        --font-size: 60px
    }
}
.font-xlm{
    --line-height: 1.2;
    --font-size: 28px
}
@media screen and (min-width: 1400px){
    .font-xlm{
        --font-size: 38px
    }
}
.font-xl{
    --line-height: 1.4em;
    --font-size: 24px
}
@media screen and (min-width: 1400px){
    .font-xl{
        --font-size: 30px
    }
}
.font-lg{
    --line-height: 1.4em;
    --font-size: 20px
}
@media screen and (min-width: 1200px){
    .font-lg{
        --font-size: 24px
    }
}
@media screen and (min-width: 1400px){
    .font-lg{
        --font-size: 24px
    }
}
.font-md{
    --line-height: 1.4em
}
@media screen and (min-width: 1400px){
    .font-md{
        --font-size: 22px
    }
}
.font-sm{
    --line-height: 1.4em;
    --font-size: 14px
}
@media screen and (min-width: 1200px){
    .font-sm{
        --font-size: 16px
    }
}
@media screen and (min-width: 1400px){
    .font-sm{
        --font-size: 18px
    }
}
.font-xs{
    --font-size: 14px;
    --line-height: 1.4em
}
.font-xxs{
    --font-size: 12px;
    --line-height: 1.4em
}
.font-thin{
    --font-weight: 100
}
.font-extra-light{
    --font-weight: 200
}
.font-light{
    --font-weight: 300
}
.font-regular{
    --font-weight: 400
}
.font-medium{
    --font-weight: 500
}
.font-semibold{
    --font-weight: 600
}
.font-bold,b,strong{
    --font-weight: 700
}
.font-extra-bold{
    --font-weight: 800
}
.font-black{
    --font-weight: var(--black-ja)
}
.color-orange{
    --font-color: var(--orange)
}
.color-beige{
    --font-color: var(--beige)
}
.color-red{
    --font-color: var(--red)
}
.color-yellow{
    --font-color: var(--yellow)
}
.color-green{
    --font-color: var(--green)
}
.color-green400{
    --font-color: var(--green400)
}
.color-gray-primary{
    --font-color: var(--gray-primary)
}
.color-gray-light{
    --font-color: var(--gray-light)
}
.color-gray900{
    --font-color: var(--gray900)
}
.color-gray700{
    --font-color: var(--gray700)
}
.color-gray600{
    --font-color: var(--gray600)
}
.color-black-ja{
    --font-color: var(--black-ja)
}
.color-black900{
    --font-color: var(--black900)
}
.color-black700{
    --font-color: var(--black700)
}
.color-black600{
    --font-color: var(--black600)
}
.color-white50{
    --font-color: var(--white50)
}
.color-white300{
    --font-color: var(--white300)
}
.color-white100{
    --font-color: var(--white100)
}
.color-white{
    --font-color: var(--white)
}
.color-primary{
    --font-color: var(--primary)
}
.color-secondary{
    --font-color: var(--secondary)
}
.color-success{
    --font-color: var(--success)
}
.color-warning{
    --font-color: var(--warning)
}
.color-danger{
    --font-color: var(--danger)
}
.bg-orange{
    --bg-color: var(--orange);
    background-color:var(--orange)!important
}
.bg-beige{
    --bg-color: var(--beige);
    background-color:var(--beige)!important
}
.bg-red{
    --bg-color: var(--red);
    background-color:var(--red)!important
}
.bg-yellow{
    --bg-color: var(--yellow);
    background-color:var(--yellow)!important
}
.bg-green{
    --bg-color: var(--green);
    background-color:var(--green)!important
}
.bg-green400{
    --bg-color: var(--green400);
    background-color:var(--green400)!important
}
.bg-gray-primary{
    --bg-color: var(--gray-primary);
    background-color:var(--gray-primary)!important
}
.bg-gray-light{
    --bg-color: var(--gray-light);
    background-color:var(--gray-light)!important
}
.bg-gray900{
    --bg-color: var(--gray900);
    background-color:var(--gray900)!important
}
.bg-gray700{
    --bg-color: var(--gray700);
    background-color:var(--gray700)!important
}
.bg-gray600{
    --bg-color: var(--gray600);
    background-color:var(--gray600)!important
}
.bg-black-ja{
    --bg-color: var(--black-ja);
    background-color:var(--black-ja)!important
}
.bg-black900{
    --bg-color: var(--black900);
    background-color:var(--black900)!important
}
.bg-black700{
    --bg-color: var(--black700);
    background-color:var(--black700)!important
}
.bg-black600{
    --bg-color: var(--black600);
    background-color:var(--black600)!important
}
.bg-white50{
    --bg-color: var(--white50);
    background-color:var(--white50)!important
}
.bg-white300{
    --bg-color: var(--white300);
    background-color:var(--white300)!important
}
.bg-white100{
    --bg-color: var(--white100);
    background-color:var(--white100)!important
}
.bg-white{
    --bg-color: var(--white);
    background-color:var(--white)!important
}
.bg-primary{
    --bg-color: var(--primary);
    background-color:var(--primary)!important
}
.bg-secondary{
    --bg-color: var(--secondary);
    background-color:var(--secondary)!important
}
.bg-success{
    --bg-color: var(--success);
    background-color:var(--success)!important
}
.bg-warning{
    --bg-color: var(--warning);
    background-color:var(--warning)!important
}
.bg-danger{
    --bg-color: var(--danger);
    background-color:var(--danger)!important
}
.border-1-orange{
    border:1px solid var(--orange)!important
}
.border-2-orange{
    border:2px solid var(--orange)!important
}
.border-1-beige{
    border:1px solid var(--beige)!important
}
.border-2-beige{
    border:2px solid var(--beige)!important
}
.border-1-red{
    border:1px solid var(--red)!important
}
.border-2-red{
    border:2px solid var(--red)!important
}
.border-1-yellow{
    border:1px solid var(--yellow)!important
}
.border-2-yellow{
    border:2px solid var(--yellow)!important
}
.border-1-green{
    border:1px solid var(--green)!important
}
.border-2-green{
    border:2px solid var(--green)!important
}
.border-1-green400{
    border:1px solid var(--green400)!important
}
.border-2-green400{
    border:2px solid var(--green400)!important
}
.border-1-gray-primary{
    border:1px solid var(--gray-primary)!important
}
.border-2-gray-primary{
    border:2px solid var(--gray-primary)!important
}
.border-1-gray-light{
    border:1px solid var(--gray-light)!important
}
.border-2-gray-light{
    border:2px solid var(--gray-light)!important
}
.border-1-gray900{
    border:1px solid var(--gray900)!important
}
.border-2-gray900{
    border:2px solid var(--gray900)!important
}
.border-1-gray700{
    border:1px solid var(--gray700)!important
}
.border-2-gray700{
    border:2px solid var(--gray700)!important
}
.border-1-gray600{
    border:1px solid var(--gray600)!important
}
.border-2-gray600{
    border:2px solid var(--gray600)!important
}
.border-1-black-ja{
    border:1px solid var(--black-ja)!important
}
.border-2-black-ja{
    border:2px solid var(--black-ja)!important
}
.border-1-black900{
    border:1px solid var(--black900)!important
}
.border-2-black900{
    border:2px solid var(--black900)!important
}
.border-1-black700{
    border:1px solid var(--black700)!important
}
.border-2-black700{
    border:2px solid var(--black700)!important
}
.border-1-black600{
    border:1px solid var(--black600)!important
}
.border-2-black600{
    border:2px solid var(--black600)!important
}
.border-1-white50{
    border:1px solid var(--white50)!important
}
.border-2-white50{
    border:2px solid var(--white50)!important
}
.border-1-white300{
    border:1px solid var(--white300)!important
}
.border-2-white300{
    border:2px solid var(--white300)!important
}
.border-1-white100{
    border:1px solid var(--white100)!important
}
.border-2-white100{
    border:2px solid var(--white100)!important
}
.border-1-white{
    border:1px solid var(--white)!important
}
.border-2-white{
    border:2px solid var(--white)!important
}
.border-1-primary{
    border:1px solid var(--primary)!important
}
.border-2-primary{
    border:2px solid var(--primary)!important
}
.border-1-secondary{
    border:1px solid var(--secondary)!important
}
.border-2-secondary{
    border:2px solid var(--secondary)!important
}
.border-1-success{
    border:1px solid var(--success)!important
}
.border-2-success{
    border:2px solid var(--success)!important
}
.border-1-warning{
    border:1px solid var(--warning)!important
}
.border-2-warning{
    border:2px solid var(--warning)!important
}
.border-1-danger{
    border:1px solid var(--danger)!important
}
.border-2-danger{
    border:2px solid var(--danger)!important
}
.swiper-navigation{
    padding:12px 30px;
    border-radius:1000px;
    border:1px solid var(--color, var(--black-ja));
    background-color:#00000040;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
@media screen and (min-width: 1200px){
    .swiper-navigation{
        padding:16px 41px
    }
}
.swiper-navigation--white{
    --color: var(--white)
}
.swiper-navigation--black{
    --color: var(--black-ja)
}
.swiper-navigation .icon{
    color:var(--color, var(--black-ja));
    font-size:12px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.swiper-navigation:hover{
    --color: var(--green)
}
.swiper-pagination{
    position:relative;
    bottom:0!important;
    left:unset
}
.swiper-pagination-bullet{
    width:27px;
    height:16px;
    border:2px solid var(--white);
    opacity:1;
    background:transparent;
    border-radius:1000px
}
.swiper-pagination-bullet-active{
    background:var(--green);
    border-color:var(--green)
}
.swiper-pagination--black .swiper-pagination-bullet{
    border-color:var(--black-ja)
}
.swiper-pagination--black .swiper-pagination-bullet-active{
    border-color:var(--green)
}
.expandible-badge{
    --size: 110px;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:26px;
    border:2px solid var(--green);
    border-radius:1000px;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    overflow:hidden
}
@media screen and (min-width: 992px){
    .expandible-badge{
        --size: 150px;
        padding: 30px;
        width: 100%;
    }
}
@media screen and (min-width: 1200px){
    .expandible-badge{
        --size: 170px
    }
}
.expandible-badge .icon{
    color:var(--green);
    font-size:57px;
    min-width:57px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media screen and (min-width: 992px){
    .expandible-badge .icon{
        font-size:calc(var(--size) - 85px);
        min-width:calc(var(--size) - 85px);
    }
}
.counter{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:7px;
    background:var(--gray-light);
    padding:0 1rem;
    border-radius:1000px
}
.counter button{
    height:50px;
    width:25px;
    display:grid;
    place-items:center;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    font-weight:600
}
.counter button:hover{
    color:var(--orange)
}
.counter button.disabled{
    opacity:.3;
    pointer-events:none
}
.counter p{
    width:25px;
    text-align:center
}
.counter--small{
    padding:0 .5rem;
    gap:3px
}
.counter--small button{
    height:39px
}
.counter--small p{
    font-size:16px
}
.counter--small-stroke{
    padding:0 .5rem;
    gap:3px;
    background:transparent;
    border:1px solid var(--white50)
}
.counter--small-stroke button{
    height:39px
}
.counter--small-stroke p{
    font-size:16px
}
.counter.disabled{
    pointer-events:none
}
.preloader{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:5000;
    background:var(--white);
    /*-webkit-animation-duration:.5s;*/
    /*animation-duration:.5s;*/
    /*-webkit-animation-name:fade;*/
    /*animation-name:fade*/
}
.preloader img{
    width:150px;
    height:150px;
    max-width:40vw;
    max-height:40vw;
    -o-object-fit:contain;
    object-fit:contain
}
@-webkit-keyframes fade{
    0%{
        opacity:0
    }
    to{
        opacity:100%
    }
}
@keyframes fade{
    0%{
        opacity:0
    }
    to{
        opacity:100%
    }
}
.product-detail-collapse{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%
}
.product-detail-collapse .icon{
    font-size:12px;
    -webkit-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
    transition:all .2s ease-in
}
.product-detail-collapse.collapsed .icon{
    display:inline-block;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.product-detail-collapse:not(.collapsed) .icon{
    color:var(--orange);
    font-size:14px
}
.number-badge{
    position:relative
}
.number-badge:after{
    width:14px;
    height:14px;
    content:attr(data-number);
    font-family:var(--font-primary);
    font-size:8px;
    background:var(--orange);
    color:var(--white);
    position:absolute;
    border-radius:50%;
    display:grid;
    place-items:center;
    top:-3px;
    right:-3px
}
.m-6{
    margin:6rem!important
}
@media screen and (min-width: 576px){
    .m-sm-6{
        margin:6rem!important
    }
}
@media screen and (min-width: 768px){
    .m-md-6{
        margin:6rem!important
    }
}
@media screen and (min-width: 992px){
    .m-lg-6{
        margin:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .m-xl-6{
        margin:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .m-xxl-6{
        margin:6rem!important
    }
}
.my-6{
    margin-top:6rem!important;
    margin-bottom:6rem!important
}
@media screen and (min-width: 576px){
    .my-sm-6{
        margin-top:6rem!important;
        margin-bottom:6rem!important
    }
}
@media screen and (min-width: 768px){
    .my-md-6{
        margin-top:6rem!important;
        margin-bottom:6rem!important
    }
}
@media screen and (min-width: 992px){
    .my-lg-6{
        margin-top:6rem!important;
        margin-bottom:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .my-xl-6{
        margin-top:6rem!important;
        margin-bottom:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .my-xxl-6{
        margin-top:6rem!important;
        margin-bottom:6rem!important
    }
}
.mx-6{
    margin-left:6rem!important;
    margin-right:6rem!important
}
@media screen and (min-width: 576px){
    .mx-sm-6{
        margin-left:6rem!important;
        margin-right:6rem!important
    }
}
@media screen and (min-width: 768px){
    .mx-md-6{
        margin-left:6rem!important;
        margin-right:6rem!important
    }
}
@media screen and (min-width: 992px){
    .mx-lg-6{
        margin-left:6rem!important;
        margin-right:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .mx-xl-6{
        margin-left:6rem!important;
        margin-right:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .mx-xxl-6{
        margin-left:6rem!important;
        margin-right:6rem!important
    }
}
.mt-6{
    margin-top:6rem!important
}
@media screen and (min-width: 576px){
    .mt-sm-6{
        margin-top:6rem!important
    }
}
@media screen and (min-width: 768px){
    .mt-md-6{
        margin-top:6rem!important
    }
}
@media screen and (min-width: 992px){
    .mt-lg-6{
        margin-top:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .mt-xl-6{
        margin-top:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .mt-xxl-6{
        margin-top:6rem!important
    }
}
.mb-6{
    margin-bottom:6rem!important
}
@media screen and (min-width: 576px){
    .mb-sm-6{
        margin-bottom:6rem!important
    }
}
@media screen and (min-width: 768px){
    .mb-md-6{
        margin-bottom:6rem!important
    }
}
@media screen and (min-width: 992px){
    .mb-lg-6{
        margin-bottom:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .mb-xl-6{
        margin-bottom:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .mb-xxl-6{
        margin-bottom:6rem!important
    }
}
.ms-6{
    margin-left:6rem!important
}
@media screen and (min-width: 576px){
    .ms-sm-6{
        margin-left:6rem!important
    }
}
@media screen and (min-width: 768px){
    .ms-md-6{
        margin-left:6rem!important
    }
}
@media screen and (min-width: 992px){
    .ms-lg-6{
        margin-left:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .ms-xl-6{
        margin-left:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .ms-xxl-6{
        margin-left:6rem!important
    }
}
.me-6{
    margin-right:6rem!important
}
@media screen and (min-width: 576px){
    .me-sm-6{
        margin-right:6rem!important
    }
}
@media screen and (min-width: 768px){
    .me-md-6{
        margin-right:6rem!important
    }
}
@media screen and (min-width: 992px){
    .me-lg-6{
        margin-right:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .me-xl-6{
        margin-right:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .me-xxl-6{
        margin-right:6rem!important
    }
}
.p-6{
    padding:6rem!important
}
@media screen and (min-width: 576px){
    .p-sm-6{
        padding:6rem!important
    }
}
@media screen and (min-width: 768px){
    .p-md-6{
        padding:6rem!important
    }
}
@media screen and (min-width: 992px){
    .p-lg-6{
        padding:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .p-xl-6{
        padding:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .p-xxl-6{
        padding:6rem!important
    }
}
.py-6{
    padding-top:6rem!important;
    padding-bottom:6rem!important
}
@media screen and (min-width: 576px){
    .py-sm-6{
        padding-top:6rem!important;
        padding-bottom:6rem!important
    }
}
@media screen and (min-width: 768px){
    .py-md-6{
        padding-top:6rem!important;
        padding-bottom:6rem!important
    }
}
@media screen and (min-width: 992px){
    .py-lg-6{
        padding-top:6rem!important;
        padding-bottom:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .py-xl-6{
        padding-top:6rem!important;
        padding-bottom:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .py-xxl-6{
        padding-top:6rem!important;
        padding-bottom:6rem!important
    }
}
.px-6{
    padding-left:6rem!important;
    padding-right:6rem!important
}
@media screen and (min-width: 576px){
    .px-sm-6{
        padding-left:6rem!important;
        padding-right:6rem!important
    }
}
@media screen and (min-width: 768px){
    .px-md-6{
        padding-left:6rem!important;
        padding-right:6rem!important
    }
}
@media screen and (min-width: 992px){
    .px-lg-6{
        padding-left:6rem!important;
        padding-right:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .px-xl-6{
        padding-left:6rem!important;
        padding-right:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .px-xxl-6{
        padding-left:6rem!important;
        padding-right:6rem!important
    }
}
.pt-6{
    padding-top:6rem!important
}
@media screen and (min-width: 576px){
    .pt-sm-6{
        padding-top:6rem!important
    }
}
@media screen and (min-width: 768px){
    .pt-md-6{
        padding-top:6rem!important
    }
}
@media screen and (min-width: 992px){
    .pt-lg-6{
        padding-top:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .pt-xl-6{
        padding-top:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .pt-xxl-6{
        padding-top:6rem!important
    }
}
.pb-6{
    padding-bottom:6rem!important
}
@media screen and (min-width: 576px){
    .pb-sm-6{
        padding-bottom:6rem!important
    }
}
@media screen and (min-width: 768px){
    .pb-md-6{
        padding-bottom:6rem!important
    }
}
@media screen and (min-width: 992px){
    .pb-lg-6{
        padding-bottom:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .pb-xl-6{
        padding-bottom:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .pb-xxl-6{
        padding-bottom:6rem!important
    }
}
.ps-6{
    padding-left:6rem!important
}
@media screen and (min-width: 576px){
    .ps-sm-6{
        padding-left:6rem!important
    }
}
@media screen and (min-width: 768px){
    .ps-md-6{
        padding-left:6rem!important
    }
}
@media screen and (min-width: 992px){
    .ps-lg-6{
        padding-left:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .ps-xl-6{
        padding-left:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .ps-xxl-6{
        padding-left:6rem!important
    }
}
.pe-6{
    padding-right:6rem!important
}
@media screen and (min-width: 576px){
    .pe-sm-6{
        padding-right:6rem!important
    }
}
@media screen and (min-width: 768px){
    .pe-md-6{
        padding-right:6rem!important
    }
}
@media screen and (min-width: 992px){
    .pe-lg-6{
        padding-right:6rem!important
    }
}
@media screen and (min-width: 1200px){
    .pe-xl-6{
        padding-right:6rem!important
    }
}
@media screen and (min-width: 1400px){
    .pe-xxl-6{
        padding-right:6rem!important
    }
}
.nav-tabs{
    border:0
}
body{
    --font-color: var(--black-ja);
    color:var(--font-color);
    font-family:var(--font-family, var(--font-primary));
    margin-left:auto;
    margin-right:auto
}
a,input,textarea,button{
    outline:none!important
}
a:focus,input:focus,textarea:focus,button:focus{
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    outline:none!important
}
a:active,input:active,textarea:active,button:active{
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    outline:none!important
}
a{
    color:var(--font-color, var(--orange));
    font-size:var(--font-size, inherit);
    line-height:var(--line-height, inherit);
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
a:hover{
    color:var(--font-color)
}
button{
    background:none;
    border:0;
    padding:0
}
a:focus-visible,button:focus-visible{
    outline:1px solid var(--black-ja)
}
a.disabled,button.disabled{
    pointer-events:none
}
hr{
    margin:0;
    background-color:var(--black-ja);
    opacity:.1
}
.space-header{
    margin-top:var(--header-height)
}
.max-width,.page-blog-inner-without-aside__content,.page-general-without-aside__content,.page-general-with-aside__content,.page-with-aside__content{
    max-width:1920px
}
.overflow-x-hidden{
    overflow-x:hidden
}
.pointer-event-none{
    pointer-events:none
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
::-moz-selection{
    background-color:var(--orange)
}
::selection{
    background-color:var(--orange)
}
* ::-webkit-scrollbar{
    width:6px;
    height:6px
}
* ::-webkit-scrollbar-track{
    background:transparent
}
* ::-webkit-scrollbar-thumb{
    background:var(--orange);
    border-radius:6px
}
.scrollbar-secondary::-webkit-scrollbar{
    width:4px;
    height:4px
}
.scrollbar-secondary::-webkit-scrollbar-track{
    background:transparent
}
.scrollbar-secondary::-webkit-scrollbar-thumb{
    background:var(--black600);
    border-radius:4px
}

.scrollbar-tertiary::-webkit-scrollbar{
    background: var(--bs-gray-400);
    height: 4px;
}

.scrollbar-tertiary::-webkit-scrollbar-thumb{
    background: var(--bs-gray-500);
}

.text-elipsis-1,.text-elipsis-1 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:1
}
.text-elipsis-2,.text-elipsis-2 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:2
}
.text-elipsis-3,.text-elipsis-3 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:3
}
.text-elipsis-4,.text-elipsis-4 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:4
}
.text-elipsis-5,.text-elipsis-5 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:5
}
.text-elipsis-6,.text-elipsis-6 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:6
}
.text-elipsis-7,.text-elipsis-7 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:7
}
.text-elipsis-8,.text-elipsis-8 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:8
}
.text-elipsis-9,.text-elipsis-9 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:9
}
.text-elipsis-10,.text-elipsis-10 *{
    display:block;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    -webkit-line-clamp:10
}
.border-type-badge{
    border-radius:10000px
}
.border-type-badge-blog{
    border-radius:0 10000px 10000px 0
}
.dynamic-height{
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.strike-text{
    position:relative
}
.strike-text:after{
    content:"";
    width:100%;
    height:1px;
    background:var(--black600);
    top:35%;
    display:block;
    position:absolute
}
#CybotCookiebotDialogBodyButtonsWrapper{
    gap:10px
}
#CybotCookiebotDialogBodyButtonAccept.CybotCookiebotDialogBodyButton{
    background-color:var(--orange)!important;
    border:2px solid var(--orange)!important;
    color:#fff!important;
    border-radius:100px!important;
    height:auto!important
}
#CybotCookiebotDialogBodyButtonDecline.CybotCookiebotDialogBodyButton{
    height:auto!important
}
#CybotCookiebotDialogFooter.CybotCookiebotDialogBodyButton{
    border:2px solid var(--orange)!important;
    color:var(--orange)!important
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
    background-color:var(--orange)!important;
    border-color:var(--orange)!important;
    color:#fff!important
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{
    border:2px solid var(--black-ja)!important;
    background-color:#fff!important;
    color:var(--black-ja)!important;
    border-radius:100px!important
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw{
    background-color:#fff;
    border-color:var(--orange)!important;
    color:var(--orange)!important
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change{
    background-color:var(--orange)!important;
    border-color:var(--orange)!important;
    color:#fff!important
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg{
    fill:var(--orange)!important
}
#CookiebotWidget .CookiebotWidget-consent-details button{
    color:var(--orange)!important
}
#CookiebotWidget .CookiebotWidget-logo svg circle{
    fill:var(--orange)!important
}
#CookiebotWidget{
    min-height:30px!important;
    min-width:30px!important
}
#CookiebotWidget:not(.CookiebotWidget-open) button.CookiebotWidget-logo svg{
    width:30px!important;
    height:30px!important
}
.CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive{
    color:var(--orange)!important;
    border-bottom:1px solid var(--orange)!important
}
#CybotCookiebotDialogDetailFooter a,#CybotCookiebotDialogBodyEdgeMoreDetails #CybotCookiebotDialogBodyEdgeMoreDetailsLink{
    color:var(--orange)!important
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after{
    color:var(--orange)!important
}
#CookiebotWidget{
    opacity:0!important;
    pointer-events:none!important
}
.nice-select{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    border:0;
    border-radius:0;
    border-bottom:1px solid var(--white50);
    padding-left:0;
    padding-bottom:0;
    height:44px;
    background:transparent
}
.nice-select .current{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    display:grid;
    place-content:center;
    overflow:hidden;
    --font-size: 16px;
    padding-right:35px
}
.nice-select.open{
    border-color:var(--black-ja)
}
.nice-select.open:after{
    border-color:var(--black-ja)
}
.nice-select .list li{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 14px;
    padding-top:.3rem;
    padding-bottom:.3rem
}

@media screen and (max-width: 768px) {
    .nice-select .list li {
        font-size: 18px;
    }
}

.nice-select:after{
    width:9px;
    height:9px
}
.nice-select.disabled .current{
    opacity:.3
}
.nice-select.select-underline{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0
}
.nice-select.select-underline:after{
    margin-top:-8px
}
[data-icons=true]+.nice-select .current{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:4px;
    padding-left:.5rem
}
[data-icons=true]+.nice-select .current .icon{
    font-size:16px
}
.datepicker *{
    font-family:var(--font-family);
    --font-family: var(--font-primary)
}
.datepicker .datepicker-controls .button{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 14px;
    --font-weight: 500
}
.datepicker .datepicker-controls .prev-btn,.datepicker .datepicker-controls .next-btn{
    font-weight:900
}
.datepicker .days-of-week{
    background:var(--white100);
    padding-top:.3rem;
    padding-bottom:.3rem
}
.datepicker .days-of-week span{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 12px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.datepicker .datepicker-grid .datepicker-cell{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 14px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.datepicker .datepicker-grid .datepicker-cell.prev,.datepicker .datepicker-grid .datepicker-cell.next{
    --font-color: var(--white50)
}
.datepicker .datepicker-grid .datepicker-cell.focused{
    background-color:var(--beige);
    --font-color: var(--white)
}
.datepicker .datepicker-grid .datepicker-cell.selected{
    background-color:var(--beige)
}
.datepicker .datepicker-grid .datepicker-cell.disabled{
    opacity:.3
}
.tooltip-inner{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    background-color:#fff;
    color:var(--black-ja);
    -webkit-box-shadow:0 4px 10px 0 rgba(0,0,0,.1);
    box-shadow:0 4px 10px #0000001a;
    border:1px solid var(--gray-white-300, #DFDFDF);
    --font-size: 12px;
    line-height:18px
}
.rounded-image{
    display:inline-block;
    height:400px;
    max-width:100%;
    aspect-ratio:455/597
}
.rounded-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:5000px
}
@media screen and (min-width: 992px){
    .rounded-image{
        height:600px
    }
}
.card-article{
    position:relative
}
.card-article-body{
    padding:0 20px 15px 0
}
@media screen and (min-width: 992px){
    .card-article-body{
        padding-right:30px
    }
}
.card-article__image{
    width:100%;
    aspect-ratio:3/4;
    overflow:hidden
}
.card-article__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transition:-webkit-transform 1.5s;
    transition:-webkit-transform 1.5s;
    -o-transition:transform 1.5s;
    transition:transform 1.5s;
    transition:transform 1.5s,-webkit-transform 1.5s
}
.card-article__interactions{
    position:absolute;
    top:18px;
    right:18px
}
.card-article__interactions button{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.card-article__interactions button:not(:last-child){
    margin-right:5px
}
.card-article__interactions .icon{
    font-size:20px;
    color:var(--white);
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.card-article__interactions .icon:hover{
    color:var(--black-ja)
}
.card-article:hover .card-article__image img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.card-member-body{
    border:1px solid var(--white300);
    border-radius:10px;
    padding:20px 20px 24px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.card-member-body:hover{
    border-color:var(--orange);
    -webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);
    box-shadow:0 4px 10px #0000001a
}
@media screen and (min-width: 992px){
    .card-member-body{
        padding:24px
    }
}
.card-member-body .nice-select .current{
    line-height:2em
}
.card-member-role{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:24px
}
.card-member-role__icons button{
    position:relative
}
.card-member-role__icons button:not(:last-child){
    margin-right:5px
}
.card-member-role__icons button[data-notify=true]:before{
    content:"";
    position:absolute;
    top:1px;
    right:1px;
    width:8px;
    height:8px;
    background-color:var(--orange);
    border-radius:50%
}
.card-member-role__icons .icon{
    --font-color: var(--black600);
    font-size:20px
}
.card-member-role__icons .icon:hover{
    color:var(--black-ja)
}
.card-member__image{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:66px;
    height:66px;
    background-color:var(--black-ja);
    border-radius:50%;
    margin:0 auto
}
.card-member__image svg{
    fill:var(--white);
    height:28px
}
.card-member__image p{
    margin:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.card-member.card-role .card-member-item:not(:last-child){
    margin-bottom:1rem
}
.card-member.card-role .card-member-item .icon{
    display:inline-block;
    width:1.5rem
}
.card-member.card-role .input-control{
    padding-left:1.5rem;
    margin:0
}
.card-member.card-role .input-control input{
    border:none;
    --font-size: 12px;
    --font-color: var(--black600)
}
.card-member.card-role .input-control input:not(:focus)::-webkit-input-placeholder{
    opacity:1
}
.card-member.card-role .input-control input:not(:focus)::-moz-placeholder{
    opacity:1
}
.card-member.card-role .input-control input:not(:focus):-ms-input-placeholder{
    opacity:1
}
.card-member.card-role .input-control input:not(:focus)::-ms-input-placeholder{
    opacity:1
}
.card-member.card-role .input-control input:not(:focus)::placeholder{
    opacity:1
}
.card-member.card-role .nice-select .current{
    --font-size: 12px;
    --font-color: var(--black600)
}
.account-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:50px
}
.account-grid{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
@media screen and (min-width: 992px){
    .account-grid{
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
}
.account-options{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    height:70vh;
    cursor:pointer
}
.account-options [data-selection]{
    width:100%;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.account-options [data-selection].no-active{
    display:none;
    width:0;
    -ms-flex-preferred-size:0;
    flex-basis:0
}
.account-options [data-selection].active{
    width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
.account-options [data-selection].active:first-child{
    margin-left:0
}
@media screen and (min-width: 992px){
    .account-options [data-selection].active:first-child{
        margin-right:0;
        margin-left:40px
    }
}
.account-options [data-selection].active:hover{
    width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    z-index:1
}
.account-options [data-selection].active .account-selection{
    display:none
}
@media screen and (min-width: 992px){
    .account-options{
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .account-options [data-selection]{
        -ms-flex-preferred-size:calc(50% + 15px);
        flex-basis:calc(50% + 15px);
        width:50%
    }
    .account-options [data-selection].active{
        margin-right:40px
    }
    .account-options [data-selection]:first-child{
        margin-right:-30px
    }
    .account-options [data-selection=login]:hover,.account-options [data-selection=create]:hover{
        width:80%;
        -ms-flex-preferred-size:80%;
        flex-basis:80%;
        z-index:1
    }
}
.account-options__image{
    display:block;
    width:100%;
    height:70vh
}
.account-options__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:280px
}
.account-selection{
    position:absolute;
    left:50%;
    bottom:10%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:0 auto;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translate(-50%)
}
.account-selection .text{
    --line-height: 40px
}
.account-form{
    width:0;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    opacity:0;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
    z-index:-1;
    -webkit-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.account-form [data-selection-form]{
    display:none
}
.account-form.active{
    width:100%;
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    opacity:1;
    z-index:0
}
.account-form.active [data-selection-form].active{
    display:block
}
@media screen and (min-width: 992px){
    .account-form{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:0;
        order:0
    }
}
.account-rounded{
    color: white;
    font-size: 40px;
    font-weight: bold;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:95px;
    height:95px;
    background-color:var(--black-ja);
    border-radius:50%
}
.account-rounded .icon{
    color:var(--white);
    font-size:30px
}
.account-rounded svg{
    height:40px
}
.editing-icon .icon{
    font-size:var(--font-size, 16px);
    color:var(--font-color, var(--black-ja))
}
.magic-link-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.event-edit{
    text-decoration:none;
    margin-left:10px
}
.event-edit .icon{
    font-size:32px
}
.event-edit .icon:hover{
    --font-color: $primary 
}
.event-offcanvas{
    --bs-offcanvas-width: 760px
}
.event-offcanvas .offcanvas-body{
    --bs-offcanvas-padding-y: 40px;
    --bs-offcanvas-padding-x: 15px
}
@media screen and (min-width: 992px){
    .event-offcanvas .offcanvas-body{
        --bs-offcanvas-padding-x: 40px
    }
}
.modal-dialog{
    --bs-modal-width: 960px
}
.modal-content{
    border-radius:100px;
    padding:40px
}
.fullcalendar-event{
    position:absolute;
    height:100%;
    width:100%;
    opacity:0;
    z-index:1
}
.nologed-card{
    height:240px;
    max-height:360px;
    border-radius:20px;
    overflow:hidden;
    border:1px solid var(--orange)
}
.nologed-card.hidden{
    max-height:0;
    border:0;
    margin-bottom:0;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.nologed-card-image{
    position:relative;
    width:100%
}
.nologed-card-content{
    position:absolute;
    top:50%;
    width:100%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    padding:24px 34px
}
@media screen and (min-width: 768px){
    .nologed-card-content{
        width:80%
    }
}
.nologed-card img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.tabs-orders{
    position:relative
}
.tabs-orders:before{
    content:"";
    position:absolute;
    top:calc(100% + 14px);
    left:0;
    width:100%;
    height:4px;
    background-color:var(--orange);
    border-radius:15px;
    opacity:0;
    -webkit-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.tabs-orders.active:before{
    opacity:1
}
.tabs-orders.active p{
    color:var(--orange)
}
.counter-item{
    counter-reset:item
}
.counter-item-increment{
    counter-increment:item
}
.counter-item-increment:before{
    content:counter(item)
}
.orders-grid-items{
    display:grid;
    gap:12px
}
@media screen and (min-width: 768px){
    .orders-grid-items{
        grid-template-columns:95px repeat(5,minmax(0,1fr))
    }
}
.orders-grid__image{
    width:100%
}
@media screen and (min-width: 768px){
    .orders-grid__image{
        width:100%;
        height:125px
    }
}
.orders-grid__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.orders-full-items{
    display:grid;
    gap:12px
}
@media screen and (min-width: 768px){
    .orders-full-items{
        grid-template-columns:repeat(5,minmax(0,1fr))
    }
}
.modal-text :is(li){
    --line-height: 25px;
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0
}
.modal-info .modal-dialog{
    --bs-modal-width: 715px
}
.modal-info .modal-content{
    border-radius:20px
}
.modal-info .modal-icon-svg{
    -ms-flex-negative:0;
    flex-shrink:0
}
.modal-form .modal-dialog{
    --bs-modal-width: 591px
}
.modal ::-webkit-scrollbar{
    width:0
}
.step-progress{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:30px;
    /*overflow-x:auto*/
}
@media screen and (min-width: 768px){
    .step-progress{
        gap:80px
    }
}
.step-progress:after{
    content:"";
    position:absolute;
    top:22px;
    left:50%;
    width:calc(100% - 30px);
    height:8px;
    background-color:var(--gray-light);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translate(-50%);
    z-index:-1
}
.step-line{
    position:absolute;
    top:22px;
    left:8px;
    max-width:calc(100% - 30px);
    height:8px;
    background-color:var(--green)
}
.step-item{
    display:grid;
    text-align:center;
    max-width:70px;
    gap:9px
}
.step-item.active{
    --font-clr: #9EDA8B;
    --font-color: #9EDA8B;
    border-color:var(--green)
}
.step-circle{
    position:relative;
    display:grid;
    place-content:center;
    width:50px;
    height:50px;
    background-color:var(--gray-light);
    border-radius:50%;
    border:3px solid var(--font-clr, #fff);
    margin:0 auto
}
.step-circle img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.compare-size-body__item{
    display:grid;
    grid-template-columns:30% 1fr;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:1rem
}
.compare-size-grid{
    display:grid;
    grid-template-columns:30% repeat(3,1fr);
    gap:1rem
}
.compare-item__size{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border:1px solid #CACACA;
    border-radius:50px;
    gap:1rem;
    padding:.5rem 0
}
.box-sizes{
    border:1px solid var(--orange);
    border-radius:100px;
    padding:70px 0
}
.box-sizes-foryou{
    display:grid;
    place-items:center;
    text-align:center;
    gap:1rem
}
.min-select{
    min-width:145px
}
.user-orders .border-type-badge.border-type-hover{
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.user-orders .border-type-badge.border-type-hover:hover{
    --font-color: #fff;
    background-color:var(--orange)
}
:is([data-container=size].active,[data-container=size].selected,[data-container=skirt].active,[data-container=skirt].selected) .background span:nth-child(2){
    background-color:var(--green);
    border-color:var(--green)
}
/*[data-container=size] .size-selector{*/
/*    pointer-events:none*/
/*}*/
.faqs-container .accordion-button{
    --bs-accordion-btn-icon-width: 1rem;
    padding-left:0;
    padding-right:0
}
.faqs-container .accordion-button:not(.collapsed){
    --bs-accordion-active-color: var(--gray-primary);
    --bs-accordion-active-bg: transparent
}
.faqs-container .accordion-button:not(.collapsed):after{
    background-image:var(--bs-accordion-btn-icon)
}
.customer-service__image{
    width:100%;
    height:100%;
    border-top-left-radius:1000px;
    border-bottom-left-radius:1000px;
    overflow:hidden
}
.customer-service__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.customer-service__content{
    --font-size: 14px;
    display:grid;
    gap:8px
}
.customer-service__content :is(h1,h2,h3,h4,h5){
    font-weight:900
}
.customer-service__right{
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    z-index:-1
}
.min-height{
    display:grid;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    min-height:calc(100vh - var(--header-height))
}
.lh-26{
    --line-height: 26px
}
.header{
    --header-box-height: 71px;
    padding-bottom:25px;
    height:var(--header-height);
    position:fixed;
    top:0;
    z-index:1000;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(2.94%,rgba(255,255,255,.95)),to(rgba(255,255,255,0)));
    background:-o-linear-gradient(top,rgba(255,255,255,.95) 2.94%,rgba(255,255,255,0) 100%);
    background:linear-gradient(180deg,rgba(255,255,255,.95) 2.94%,rgba(255,255,255,0) 100%);
    -webkit-transition:all .7s ease-in-out;
    -o-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out
}
@media screen and (min-width: 992px){
    .header{
        --header-box-height: 91px
    }
}

.icon-Favourite-off {
    /*margin-left: .5rem; // WHY DOES THIS ICON HAVE A LEFT MARGIN? */ 
}
.header .header-box{
    height:var(--header-box-height);
    padding:17px 20px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    z-index:10
}
@media screen and (min-width: 1200px){
    .header .header-box{
        padding:30px 55px
    }
}
.header .header-box:before{
    content:"";
    display:block;
    background:rgb(255,255,255);
    border:1px solid var(--black600);
    -webkit-box-shadow:0px 4px 250px rgba(0,0,0,.17);
    box-shadow:0 4px 250px #0000002b;
    border-radius:1000px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2
}
.header .header-link{
    --font-size: 14px;
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    text-decoration:none;
    text-transform:uppercase;
    line-height:.8em;
    height:23px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:.6rem;
    position:relative;
    z-index:11
}
.header .header-link .icon{
    display:inline-block;
    color:inherit;
    position:relative;
    z-index:11;
    font-size:9px;
    -webkit-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    transform:translateY(-3px)
}
.header .header-link:hover{
    --font-color: var(--orange)
}
.header .header-link:not(.collapsed) .icon{
    -webkit-transform:rotate(180deg) translateY(3px);
    -ms-transform:rotate(180deg) translateY(3px);
    transform:rotate(180deg) translateY(3px);
    color:var(--orange)
}
.header .header-icon-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    z-index:11
}
.header .header-icon-link a{
    text-decoration:none;
    font-size:20px
}
.header .header-icon-link a .icon{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:inherit
}
.header .header-icon-link a:hover{
    color:var(--orange)
}
.header .header-icon-link__search{
    text-decoration:none
}
.header .header-icon-link__search .icon{
    font-size:20px
}
.header .header-icon-link.active a{
    color:var(--orange)
}
.header .logo-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.header .logo-container svg{
    width:100%;
    max-height:100%
}
.header .logo-container .logo-desktop,.header .logo-container .logo-mobile{
    height:100%;
    position:relative;
    z-index:11
}
.header .logo-container .logo-desktop img,.header .logo-container .logo-mobile img{
    -webkit-filter:brightness(0);
    filter:brightness(0);
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.header .logo-container .logo-desktop{
    display:none
}
.header .logo-container .logo-desktop img{
    width:366px;
    height:18px
}
.header .logo-container .logo-mobile img{
    width:71px;
    height:37px
}
@media screen and (min-width: 1200px){
    .header .logo-container .logo-mobile{
        display:none
    }
    .header .logo-container .logo-desktop{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.header .hamburguer-button{
    position:relative;
    z-index:2
}
.header .hamburguer-button path{
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.header .header-menu{
    position:absolute;
    top:20%;
    left:0;
    z-index:1;
    margin-top:0;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.header .header-menu .content{
    width:100%;
    max-height:calc(100vh - 61px);
    background-color:var(--white);
    border-radius:100px;
    -webkit-box-shadow:0 4px 30px rgba(0,0,0,.05);
    box-shadow:0 4px 30px #0000000d;
    overflow:auto;
    padding:120px 45px 60px
}
.header .header-menu .content::-webkit-scrollbar{
    width:0
}
.header .header-menu .content .border-left-header{
    border-left:1px solid var(--white50);
    padding-left:25px
}
.header .header-menu__link{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 16px;
    text-decoration:none
}
.header .header-menu__link:hover{
    --font-color: var(--orange)
}
.header .header-menu__image img{
    width:100%;
    -o-object-fit:cover;
    object-fit:cover;
    aspect-ratio:240/307
}
.header .header-search{
    position:absolute;
    margin-top:20px;
    z-index:1;
    left:0;
    width:100%
}
.header .header-search .content{
    padding:80px 50px 35px;
    border-radius:100px;
    min-height:296px;
    max-height:690px;
    width:100%
}
.header .header-search .content:before{
    content:"";
    display:block;
    background:var(--white);
    -webkit-box-shadow:0px 4px 30px rgba(0,0,0,.05);
    box-shadow:0 4px 30px #0000000d;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    border-radius:80px
}
.header .header-search .content .border-left-header{
    border-left:1px solid var(--white50);
    padding-left:25px
}
.header .header-search .content .search-box{
    position:relative
}
.header .header-search .content .search-box .button{
    position:absolute;
    top:-10px;
    right:0
}
.header .header-search__link{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 20px;
    text-decoration:none
}
.header .header-search__link:hover{
    --font-color: var(--orange)
}
.header .header-search .badges-search .badge-skin{
    cursor:pointer
}
.header--transparent{
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.94)),color-stop(0,rgba(255,255,255,0)));
    background:-o-linear-gradient(top,rgba(255,255,255,.94) 0,rgba(255,255,255,0) 0);
    background:linear-gradient(180deg,rgba(255,255,255,.94) 0,rgba(255,255,255,0) 0)
}
.header--transparent .header-box{
    background:transparent
}
.header--transparent .header-box:before{
    background-color:#00000040!important
}
.header--transparent .header-link.changeWhite{
    --font-color: var(--white)
}
.header--transparent .header-icon-link a{
    color:var(--white)
}
.header--transparent .header-icon-link__search .icon{
    color:var(--white)!important
}
.header--transparent .logo-container .logo-desktop img,.header--transparent .logo-container .logo-mobile img{
    -webkit-filter:brightness(1);
    filter:brightness(1)
}
.header--transparent .hamburguer-button path{
    fill:#fff
}
.header--transparent .header-box:before{
    background-color:transparent;
    border-color:var(--white)
}
.header--transparent .autocollapse{
    --font-color: var(--black-ja)
}
.header--transparent .header-menu{
    top:100%
}
.header-brand__image{
    width:100%;
    height:100%;
    max-height:250px
}
.header-brand__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.header-brand__logo{
    height:100%;
    max-height:28px
}
.header-brand__logo img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-fit:contain;
    object-fit:contain
}
.header-offcanvas.offcanvas{
    border-radius:150px 0 0 150px;
    border-left:0;
    background:rgba(255,255,255,.95);
    padding:70px 30px 80px 57px;
    bottom:unset;
    overflow-y:auto;
    max-width:85vw;
    max-height:98vh
}
.header-offcanvas__close .icon{
    font-size:22px
}
.header-offcanvas__secondary-link{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 14px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    gap:.8rem;
    text-decoration:none
}
.header-offcanvas__secondary-link .icon{
    font-size:15px;
    color:inherit
}
.header-offcanvas__secondary-link:hover{
    --font-color: var(--orange)
}
.header-offcanvas .header-link{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    width:100%;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:1.2
}
.header-offcanvas .header-link .icon{
    font-size:20px
}
.header-offcanvas+.offcanvas-backdrop{
    -webkit-backdrop-filter:blur(2.5px);
    backdrop-filter:blur(2.5px);
    background-color:#0003
}
.header-offcanvas+.offcanvas-backdrop.show{
    opacity:1
}
.cart{
    -webkit-box-shadow:0 4px 24px rgba(0,0,0,.1);
    box-shadow:0 4px 24px #0000001a;
    position:fixed;
    width:90vw;
    left:5vw;
    top:50px;
    right:0;
    max-height:calc(100vh - 126px);
    overflow:auto;
    margin-top:55px;
    background:var(--white)
}

.header-box {
    margin-top: 2rem;
}

@media screen and (min-width: 576px){
    .cart{
        position:absolute;
        top:0;
        left:unset;
        width:462px
    }
}
@media screen and (min-width: 768px){
    .cart{
        width:554px
    }
}
.cart .items-container{
    max-height:calc(100vh - 445px);
    height:250px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:1rem;
    border-right:1px solid var(--white300)
}
@media screen and (min-width: 576px){
    .cart .items-container{
        height:320px
    }
}
@media screen and (min-width: 768px){
    .cart .items-container{
        height:420px
    }
}
.cart .items-container::-webkit-scrollbar{
    width:4px;
    height:4px
}
.cart .items-container::-webkit-scrollbar-track{
    background:transparent
}
.cart .items-container::-webkit-scrollbar-thumb{
    background:var(--black600);
    border-radius:6px
}
.cart .content{
    padding:24px 25px 31px 34px
}
.cart__close .icon{
    font-size:22px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.cart__close:hover .icon{
    color:var(--orange)
}
.cart .cart-empty{
    z-index:0
}
.cart .cart-empty img{
    border-radius:50%;
    aspect-ratio:1/1;
    -o-object-fit:cover;
    object-fit:cover;
    width:150px;
    margin-bottom:-2rem;
    z-index:-1
}
@media screen and (min-width: 576px){
    .cart .cart-empty img{
        width:250px
    }
}
.cart .cart-empty .text-container:before{
    content:"";
    width:45px;
    height:45px;
    position:absolute;
    display:block;
    background:var(--orange);
    border-radius:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    left:calc(50% + 60px)
}
@media screen and (min-width: 576px){
    .cart .cart-empty .text-container:before{
        left:calc(50% + 82px)
    }
}
.cart-item{
    padding-bottom:1.5rem;
    border-bottom:1px solid var(--white50)
}
.cart-item img{
    width:100px;
    aspect-ratio:183/251;
    -o-object-fit:cover;
    object-fit:cover
}
@media screen and (min-width: 375px){
    .cart-item img{
        width:120px
    }
}
@media screen and (min-width: 576px){
    .cart-item img{
        width:183px
    }
}
.cart-item__delete .icon{
    color:var(--black600);
    font-size:20px;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.cart-item__delete:hover .icon{
    color:var(--orange)
}
.cart-item+.cart-item{
    padding-top:1.5rem
}
.aside-menu{
    width:200px;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-shadow:0 4px 15px rgba(0,0,0,.1);
    box-shadow:0 4px 15px #0000001a;
    border-right:1px solid var(--white50);
    height:100vh
}
@media screen and (min-width: 992px){
    .aside-menu{
        width:250px
    }
}
@media screen and (min-width: 1200px){
    .aside-menu{
        width:300px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
@media screen and (min-width: 1400px){
    .aside-menu{
        width:350px
    }
}
.footer .footer-collapse button{
    border-bottom:1px solid var(--black-ja);
    padding-bottom:10px
}
@media screen and (min-width: 1200px){
    .footer .footer-collapse button{
        padding-bottom:unset;
        border:none
    }
}
.footer .footer-collapse a{
    text-decoration:none
}
.footer .footer-collapse a:hover,.footer .footer-collapse a:active{
    --font-color: var(--orange)
}
.footer .social img{
    width:19px;
    height:19px;
    -o-object-fit:contain;
    object-fit:contain
}
.footer__logo{
    width:160px;
    height:160px;
    border:1px solid var(--black-ja);
    border-radius:50%;
    display:grid;
    place-items:center;
    z-index:1;
    margin-bottom:-55px
}
@media screen and (min-width: 576px){
    .footer__logo{
        width:270px;
        height:270px
    }
}
@media screen and (min-width: 768px){
    .footer__logo{
        width:300px;
        height:300px
    }
    
    /*.header-box {*/
    /*    margin-top: 0;*/
    /*}*/
}
@media screen and (min-width: 1200px){
    .footer__logo{
        width:330px;
        height:330px
    }
}
.footer__logo img{
    width:60%;
    height:40px;
    -o-object-fit:contain;
    object-fit:contain
}
@media screen and (min-width: 576px){
    .footer__logo img{
        width:50%;
        height:70px
    }
}
@media screen and (min-width: 768px){
    .footer__logo{
        margin-right:-88px;
        margin-bottom:unset
    }
}
.footer__info-pill{
    border-radius:0 0 5000px 5000px;
    padding:86px 35px 112px
}
@media screen and (min-width: 576px){
    .footer__info-pill{
        padding:86px 152px 112px 172px
    }
}
@media screen and (min-width: 768px){
    .footer__info-pill{
        padding:86px 132px 35px 162px;
        border-top-left-radius:5000px;
        border-top-right-radius:5000px
    }
}
@media screen and (min-width: 1400px){
    .footer__info-pill{
        padding:86px 152px 35px 172px
    }
}
.backbone-logos a img{
    width:100%;
    height:12px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.backbone-logos a:hover img{
    opacity:.8;
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.page-with-aside{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.page-with-aside__content{
    margin-left:auto;
    margin-right:auto;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-top:var(--header-height);
    height:100vh;
    overflow:auto
}
.page-with-aside a:not(.button,.button-primary,.link){
    text-decoration:none
}
.module-1{
    height:100vh;
    /*max-height:1000px;*/
    /*min-height:990px;*/
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media(min-width: 1280px) {
    .module-1 {
        min-height: 850px;
    }
}
@media(min-width: 1400px) {
    .module-1 {
        min-height: 990px;
    }
}
@media(min-width: 1920px) {
    .module-1 {
        min-height: 1200px;
    }
}
.module-1 .swiper{
    z-index:2
}
.module-1 .swiper-slide{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
@media screen and (min-width: 576px){
    .module-1 .swiper-slide{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.module-1__card{
    position:relative;
    width:auto;
    z-index:3;
    padding:52px 60px 22px;
    margin-bottom:87px;
    background-color:#00000040;
    text-align:center;
    border:1px solid var(--white);
    border-radius:1000px;
    max-width:calc(100vw - 2rem)
}
@media screen and (min-width: 576px){
    .module-1__card{
        margin-bottom:unset;
        -webkit-transform:translateY(var(--yTraslate, 70px));
        -ms-transform:translateY(var(--yTraslate, 70px));
        transform:translateY(var(--yTraslate, 70px))
    }
}
@media screen and (min-width: 992px){
    .module-1__card{
        padding:97px 120px
    }
}
@media screen and (min-width: 576px){
    .module-1__card{
        max-width:calc(100vw - 275px)
    }
}
.module-1__bg{
    height:100%;
    width:100%;
    position:absolute;
    z-index:-1
}
.module-1__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 1920px) {
    .module-1__bg img {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 2048px) {
    .module-1__bg img {
        width: 100%;
        height: 100%;
    }
}
.module-1__prev,.module-1__next{
    width:auto;
    position:absolute;
    bottom:40px;
    z-index:3
}
@media screen and (min-width: 576px){
    .module-1__prev,.module-1__next{
        position:absolute;
        top:50%;
        bottom:unset;
        -webkit-transform:translate(0,-50%);
        -ms-transform:translate(0,-50%);
        transform:translateY(-50%)
    }
}
.module-1__prev{
    margin-left:-120px
}
@media screen and (min-width: 576px){
    .module-1__prev{
        margin:unset;
        left:1rem;
        -webkit-transform:translateY(var(--yTraslate, 70px));
        -ms-transform:translateY(var(--yTraslate, 70px));
        transform:translateY(var(--yTraslate, 70px))
    }
}
.module-1__next{
    margin-right:-120px
}
@media screen and (min-width: 576px){
    .module-1__next{
        margin:unset;
        right:1rem;
        -webkit-transform:translateY(var(--yTraslate, 70px));
        -ms-transform:translateY(var(--yTraslate, 70px));
        transform:translateY(var(--yTraslate, 70px))
    }
}
.module-1__pag{
    position:absolute;
    bottom:40px
}
.module-2{
    padding:96px 0
}
.module-2__description span{
    --font-color: var(--orange)
}
.module-3 .hover-white-overlay__cta{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
@media screen and (min-width: 768px){
    .module-3 .hover-white-overlay__cta{
        opacity:0;
        -webkit-transform:translate(0,5px);
        -ms-transform:translate(0,5px);
        transform:translateY(5px)
    }
}
.module-3 .hover-white-overlay:before{
    opacity:0;
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.38);
    z-index:0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
@media screen and (min-width: 768px){
    .module-3 .hover-white-overlay:hover:before{
        opacity:1
    }
}
.module-3 .hover-white-overlay:hover .hover-white-overlay__cta{
    opacity:1;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0)
}
.module-3 .module-3-grid{
    display:grid;
    gap:7px;
    grid-template-columns:1fr;
    grid-auto-rows:1fr;
    width:100%
}
@media screen and (min-width: 768px){
    .module-3 .module-3-grid{
        grid-template-columns:repeat(12,1fr);
        aspect-ratio:1403/740;
        grid-template-rows:.55fr .45fr
    }
}
.module-3__item{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    padding:24px;
    aspect-ratio:359/163
}
@media screen and (min-width: 768px){
    .module-3__item{
        aspect-ratio:unset
    }
    .module-3__item:nth-child(1){
        grid-column:1/6
    }
    .module-3__item:nth-child(2){
        grid-column:6/13
    }
    .module-3__item:nth-child(3){
        grid-column:1/9
    }
    .module-3__item:nth-child(4){
        grid-column:9/13
    }
}
.module-3__item .cta{
    text-align:end;
    position:relative
}
.module-3__item .module-3-name{
    position:relative;
    background-color:var(--gray-light);
    border:1px solid var(--orange);
    padding:10px 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:auto;
    border-radius:70px;
    height:60px
}
.module-3__item .module-3-name p{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:30px
}
.module-3__item img{
    position:absolute;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    z-index:-1;
    top:0;
    left:0
}
.module-4{
    position:relative
}
.module-4__img{
    height:262px;
    -webkit-margin-start:auto;
    margin-inline-start:auto;
    -webkit-padding-start:1rem;
    padding-inline-start:1rem;
    max-width:1180px
}
@media screen and (min-width: 576px){
    .module-4__img{
        -webkit-padding-start:unset;
        padding-inline-start:unset;
        width:calc(100vw - ((100vw - 540px)/2))
    }
}
@media screen and (min-width: 768px){
    .module-4__img{
        width:58.3333333333%;
        height:unset;
        position:absolute;
        inset-inline-end:0;
        z-index:-1;
        top:0;
        bottom:0
    }
}
.module-4__img img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:2000px 0 0 2000px
}
.module-4[dir=rtl] .module-4__img img{
    border-radius:0 2000px 2000px 0
}
.module-5 .hover-white-overlay__cta{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
@media screen and (min-width: 768px){
    .module-5 .hover-white-overlay__cta{
        opacity:0;
        -webkit-transform:translate(0,5px);
        -ms-transform:translate(0,5px);
        transform:translateY(5px)
    }
}
.module-5 .hover-white-overlay:before{
    opacity:0;
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.38);
    z-index:0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
@media screen and (min-width: 768px){
    .module-5 .hover-white-overlay:hover:before{
        opacity:1
    }
}
.module-5 .hover-white-overlay:hover .hover-white-overlay__cta{
    opacity:1;
    -webkit-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0)
}
@media screen and (min-width: 768px){
    .module-5{
        max-width:unset
    }
}
.module-5-grid{
    display:grid;
    gap:7px;
    grid-template-columns:1fr
}
@media screen and (min-width: 768px){
    .module-5-grid{
        grid-template-columns:repeat(2,minmax(200px,1fr))
    }
}
@media screen and (min-width: 1200px){
    .module-5-grid.grid-4{
        grid-template-columns:repeat(4,minmax(200px,1fr))
    }
}
.module-5__item{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:24px;
    /*aspect-ratio:358/197*/
    aspect-ratio:2/3;
}
@media screen and (min-width: 768px){
    .module-5__item{
        aspect-ratio:2/3
    }
}
.module-5__item .cta,.module-5__item p{
    position:relative
}
.module-5__item img{
    position:absolute;
    max-width: 100%;
    width: 100%;
    display: block;
    height: 100%;
    -o-object-fit:cover;
    object-fit:cover;
    z-index:-1;
    top:0;
    left:0;
    -o-object-position:top;
    object-position:top
}
.module-6{
    overflow:hidden;
    position:relative
}
.module-6 .nav.nav-tabs{
    height:83px
}
.module-6 .swiper-checkboxes .swiper-slide{
    width:auto
}
.module-6 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
    border-color:var(--orange)
}
@media screen and (min-width: 992px){
    .module-6-color-section{
        padding-top:197px
    }
}
@media screen and (min-width: 992px){
    .module-6-title-tabs{
        position:absolute
    }
}
.module-6-swiper-photo{
    position:relative;
    width:50%;
    max-width:320px
}
@media screen and (min-width: 992px){
    .module-6-swiper-photo{
        margin-right:-1rem;
        width:calc(100% - 33.33vw)
    }
}
.module-6-swiper-photo .swiper{
    border-radius:500px
}
.module-6-swiper-photo img{
    aspect-ratio:319/509;
    border-radius:5000px;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.module-6-swiper-photo-prev,.module-6-swiper-photo-next{
    position:absolute;
    top:50%;
    z-index:2
}
.module-6-swiper-photo-prev{
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    margin-left:-1rem
}
.module-6-swiper-photo-next{
    -webkit-transform:translate(50%,-50%);
    -ms-transform:translate(50%,-50%);
    transform:translate(50%,-50%);
    right:0;
    margin-right:-1rem
}
.module-6-swiper-layer{
    position:relative
}
.module-6-swiper-layer:before{
    content:"";
    background:var(--gray-light);
    position:absolute;
    z-index:-1;
    width:100vw;
    height:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translate(-50%)
}
@media screen and (min-width: 992px){
    .module-6-swiper-layer{
        position:absolute;
        padding-right:0;
        padding-left:0;
        right:0
    }
    .module-6-swiper-layer:before{
        content:none
    }
}
.module-6-product-info{
    background:var(--gray-light);
    width:50%;
    padding:50px 0 50px 20px;
    max-width:678px
}
@media screen and (min-width: 992px){
    .module-6-product-info{
        width:calc(33.33vw - 6px);
        padding:50px 40px 50px 100px
    }
}
.module-6-product-info .custom-text{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-family: var(--font-tertiary);
    --font-size: 50px
}
.module-19{
    --info-width: 400px;
    overflow:hidden
}
.module-19-info{
    width:var(--info-width)
}
.module-19-info .custom-size{
    --font-size: 50px
}
@media screen and (min-width: 768px){
    .module-19-info .custom-size{
        font-size:60px
    }
}
.module-19-pag{
    padding-left:50px
}
.module-19-pag span{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-weight: 700
}
.module-19 .swiper-container{
    width:100%
}
@media screen and (min-width: 992px){
    .module-19 .swiper-container{
        width:calc(100vw - var(--info-width) - 30px)
    }
}
.module-19 .swiper-slide{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:auto
}
.module-19 .swiper-slide .card-article{
    width:270px
}
@media screen and (min-width: 576px){
    .module-19 .swiper-slide .card-article{
        width:300px
    }
}
@media screen and (min-width: 992px){
    .module-19 .swiper-slide .card-article{
        width:360px
    }
}
.module-19 .swiper-slide .card-article__image{
    -webkit-box-shadow:0px 8px 16px rgba(0,0,0,.15);
    box-shadow:0 8px 16px #00000026
}
@media screen and (min-width: 992px){
    .module-19:before{
        content:"";
        z-index:-1;
        position:absolute;
        display:block;
        width:calc(100% - 60px);
        height:50%;
        background:var(--gray-light);
        bottom:0;
        border-top-right-radius:5000px
    }
}
.module-20{
    --gap: 3rem;
    background:var(--orange);
    height:62px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    overflow:hidden;
    position:relative
}
.module-20 img{
    opacity:.3;
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    height:18px
}
.module-20__text{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-family: var(--font-secondary);
    --font-weight: 700;
    --font-color: var(--gray-light);
    --font-size: 25px;
    -webkit-transform:translateY(3px);
    -ms-transform:translateY(3px);
    transform:translateY(3px)
}
.module-20 .item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    gap:var(--gap);
    white-space:nowrap
}
.module-20 .item p{
    white-space:nowrap
}
.module-20 .swiper-slide{
    width:auto
}
@-webkit-keyframes roll{
    0%{
        -webkit-transform:translateX(0);
        transform:translate(0)
    }
    to{
        -webkit-transform:translateX(-50%);
        transform:translate(-50%)
    }
}
@keyframes roll{
    0%{
        -webkit-transform:translateX(0);
        transform:translate(0)
    }
    to{
        -webkit-transform:translateX(-50%);
        transform:translate(-50%)
    }
}
.module-20-list{
    -webkit-animation:roll 200s ease 0s 1 normal forwards;
    animation:roll 200s ease 0s 1 normal forwards;
    position:relative;
    z-index:2;
    -webkit-animation-name:roll;
    animation-name:roll;
    -webkit-animation-duration:200s;
    animation-duration:200s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
.module-20__clicktag{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:3
}
.module-21{
    padding:60px 0
}
@media screen and (min-width: 992px){
    .module-21{
        padding:100px 0 60px
    }
}
.module-21 p{
    --font-size: 50px
}
@media screen and (min-width: 768px){
    .module-21 p{
        --font-size: 70px
    }
}
@media screen and (min-width: 992px){
    .module-21 p{
        --font-size: 80px
    }
}
.card-product-plp{
    position:relative
}
.card-product-plp__title{
    height:39.19px
}
@media screen and (min-width: 1200px){
    .card-product-plp__title{
        height:44.78px
    }
}
@media screen and (min-width: 1400px){
    .card-product-plp__title{
        height:50.38px
    }
}
.card-product-plp__title:hover{
    color:var(--orange)
}
.card-product-plp__image{
    position:relative
}
.card-product-plp__image img{
    aspect-ratio:2/3;
    width:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.card-product-plp__colors{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.card-product-plp__colors button{
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.card-product-plp__colors button:not(:first-child){
    margin-left:-7px
}
.card-product-plp__colors button:not(.active):hover{
    z-index:11
}
.card-product-plp__colors .checkskin{
    height:38px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.card-product-plp__colors .checkskin-color{
    border-color:var(--white50);
    width:30px;
    height:30px
}
.card-product-plp__colors .checkskin-color:before{
    font-size:15px
}
.card-product-plp__colors input:checked+div.checkskin-color{
    z-index:10;
    border-width:2px;
    width:38px;
    height:38px
}
.card-product-plp__colors input:checked+div.checkskin-color:before{
    font-size:14px
}
.card-product-plp__more{
    border-bottom:1px solid var(--white300)
}
.card-product-plp__more a{
    text-decoration:none
}
.card-product-plp__more a:hover{
    color:var(--orange)
}
.card-product-plp__fav .checkskin-favorite svg{
    width:19px;
    height:16px
}
.card-product-plp__fav .checkskin input:checked+.checkskin-favorite svg{
    fill:var(--orange);
    stroke:#fff
}
.card-product-plp__discount .badge-skin{
    padding:.2rem .6rem
}
.card-product-plp__img-overlay{
    position:absolute;
    top:0;
    z-index:5
}
.card-product-plp__size-button{
    border:1px solid var(--black-ja);
    border-radius:1000px;
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-color: var(--black700);
    --font-size: 14px;
    padding:9px 10px 5px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.card-product-plp__size-button.active{
    border-color:var(--orange);
    --font-color: var(--orange)
}
.card-product-plp .click-area{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.card-product-plp:hover .checkskin-favorite svg{
    fill:var(--orange)!important;
    stroke:var(--orange)!important
}
.card-fabric-pdp{
    width:220px;
    cursor:pointer
}
.card-fabric-pdp__colors{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.card-fabric-pdp__colors button{
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.card-fabric-pdp__colors button:not(:first-child){
    margin-left:-7px
}
.card-fabric-pdp__colors button:hover:not(:last-child){
    margin-right:10px
}
.card-fabric-pdp__colors .checkskin-color{
    border-color:var(--white50);
    width:26px;
    height:26px
}
.card-fabric-pdp__colors .checkskin-color:before{
    font-size:15px
}
.card-fabric-pdp__colors input:checked+div.checkskin-color{
    z-index:10;
    border-width:2px;
    width:32px;
    height:32px
}
.card-fabric-pdp__colors input:checked+div.checkskin-color:before{
    font-size:14px
}
.card-fabric-pdp__img img{
    width:70px;
    height:70px;
    -o-object-fit:cover;
    object-fit:cover;
    z-index:5;
    position:relative;
    mix-blend-mode:hard-light
}
.card-fabric-pdp__img .tab-content{
    z-index:0;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.card-fabric-pdp__img .overlay{
    background:var(--color);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius:50%
}
.card-fabric-pdp input{
    position:absolute;
    width:0;
    height:0;
    visibility:none
}
input:checked+.card-fabric-pdp__box{
    border-color:var(--green);
    -webkit-filter:drop-shadow(0px 4px 10px rgba(0,0,0,.1));
    filter:drop-shadow(0px 4px 10px rgba(0,0,0,.1))
}
.card-fabric-pdp__box{
    cursor:pointer;
    background:var(--white);
    border-radius:10px;
    border:1px solid var(--white300);
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.card-fabric-pdp .badge-skin{
    padding:2px 10px
}
.size-selector,.skirt-selector{
    position:relative
}
.size-selector .selector-item,.skirt-selector .selector-item{
    width:50px
}
.size-selector .swiper,.skirt-selector .swiper{
    height:122px;
    margin:0
}
.size-selector .swiper .swiper-slide,.skirt-selector .swiper .swiper-slide{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.size-selector .swiper .swiper-slide .text-container,.skirt-selector .swiper .swiper-slide .text-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:33px
}
.size-selector .swiper .swiper-slide p,.skirt-selector .swiper .swiper-slide p{
    --font-color: var(--white50)
}
.size-selector .swiper .swiper-slide-active .text-container,.skirt-selector .swiper .swiper-slide-active .text-container{
    height:48px
}
.size-selector .swiper .swiper-slide-active p,.skirt-selector .swiper .swiper-slide-active p{
    --font-color: var(--black-ja);
    --font-weight: 600
}
.size-selector .swiper-button-disabled,.skirt-selector .swiper-button-disabled{
    /*opacity:.3*/
}
.size-selector .icon,.skirt-selector .icon{
    font-size:13px
}
.size-selector .background,.skirt-selector .background{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    gap:4px;
    position:absolute;
    bottom:34px;
    width:100%
}
.size-selector .background span,.skirt-selector .background span{
    display:block;
    height:33px;
    width:100%;
    border-radius:1000px;
    -webkit-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.size-selector .background span:not(:nth-child(2)),.skirt-selector .background span:not(:nth-child(2)){
    border:1px solid var(--white50)
}
.size-selector .background span:nth-child(2),.skirt-selector .background span:nth-child(2){
    border:1px solid var(--orange);
    height:48px;
    cursor:pointer
}
.size-selector__arrow,.skirt-selector__arrow{
    height:24px
}
.offcanvas-sizes.offcanvas.offcanvas-end{
    border:none;
    width:500px;
    max-height:100vh;
    overflow-y:auto
}
@media screen and (min-width: 1400px){
    .offcanvas-sizes.offcanvas.offcanvas-end{
        width:710px
    }
}
.offcanvas-sizes.offcanvas.offcanvas-end table{
    width:100%;
    text-align:center
}
.offcanvas-sizes.offcanvas.offcanvas-end table tr{
    height:48px
}
.offcanvas-sizes.offcanvas.offcanvas-end table tr:nth-child(odd){
    background:var(--gray-light)
}
.offcanvas-sizes.offcanvas.offcanvas-end table th,.offcanvas-sizes.offcanvas.offcanvas-end table td{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0
}
.offcanvas-sizes.offcanvas.offcanvas-end table th{
    --font-size: 14px;
    --font-weight: 600 
}
.checkout-order-item__img img{
    aspect-ratio:147/218;
    width:108px
}
@media screen and (min-width: 992px){
    .checkout-order-item__img img{
        width:147px
    }
}
.checkout-order-item__fabricColor .checkskin-color{
    width:24px;
    height:24px
}
.checkout-order-item .badge-skin{
    padding-right:.6rem;
    padding-left:.6rem
}
@media screen and (min-width: 992px){
    .checkout-order-item .badge-skin{
        padding-right:1.6rem;
        padding-left:1.6rem
    }
}
.checkout-order-item .product-detail-text{
    --font-size: 12px;
    --font-weight: 700
}
@media screen and (min-width: 992px){
    .checkout-order-item .product-detail-text{
        --font-size: 16px;
        --font-weight: 400
    }
}
.purshase-order-item__img img{
    -o-object-fit:cover;
    object-fit:cover;
    width:108px;
    aspect-ratio:259/365
}
@media screen and (min-width: 992px){
    .purshase-order-item__img img{
        height:365px;
        width:unset
    }
}
.purshase-order-item__collapse-button{
    position:relative;
    pointer-events:none;
    border-bottom:1px solid var(--white300);
    padding-bottom:1rem
}
@media screen and (min-width: 992px){
    .purshase-order-item__collapse-button{
        pointer-events:all
    }
}
@media screen and (min-width: 992px){
    .purshase-order-item__collapse-button .arrow-icon{
        position:absolute;
        right:0
    }
}
.purshase-order-item__collapse-button .arrow-icon .icon{
    color:var(--black700);
    font-size:10px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    display:inline-block
}
.purshase-order-item__collapse-button:not(.collapsed) .icon{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    color:var(--orange)
}
.purshase-order-item .summary{
    display:none
}
.purshase-order-item .product-detail-text{
    --font-size: 12px;
    --font-weight: 700
}
@media screen and (min-width: 992px){
    .purshase-order-item .product-detail-text{
        --font-size: 16px;
        --font-weight: 400
    }
}
@media (max-width: 991px){
    .purshase-order-item .item-product-collapse{
        display:block
    }
}
@media screen and (min-width: 992px){
    .purshase-order-item .details-product-collapse{
        display:block
    }
}
.purshase-order-item .quantity-header{
    width:110px
}
@media screen and (min-width: 1200px){
    .purshase-order-item .quantity-header{
        width:143px
    }
}
@media screen and (min-width: 1400px){
    .purshase-order-item .quantity-header{
        width:173px
    }
}
.purshase-order-item .price-header{
    width:216px
}
@media screen and (min-width: 1200px){
    .purshase-order-item .price-header{
        width:274px
    }
}
@media screen and (min-width: 1400px){
    .purshase-order-item .price-header{
        width:333px
    }
}
.purshase-order-item--no-collapse .purshase-order-item__collapse-button{
    border:none;
    pointer-events:none
}
.purshase-order-item--no-collapse .purshase-order-item__collapse-button .arrow-icon{
    display:none!important
}
.purshase-order-item--no-collapse .item-product-collapse{
    display:block
}
@media screen and (min-width: 992px){
    .purshase-order-item--no-collapse .summary{
        display:block
    }
}
.aside-blog{
    position:sticky;
    top:0;
    left:0;
    z-index:2
}
@media screen and (min-width: 992px){
    .aside-blog{
        height:100vh
    }
}
.aside-blog .offcanvas{
    z-index:999;
    border:none;
    margin-top:230px;
    background-color:#f8f8f8
}
@media screen and (min-width: 992px){
    .aside-blog .offcanvas{
        position:relative;
        width:270px;
        visibility:visible;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        margin-top:160px;
        background-color:#fff
    }
}
@media screen and (min-width: 1400px){
    .aside-blog .offcanvas{
        width:330px
    }
}
.aside-blog .offcanvas-body{
    padding-top:0!important;
    padding-bottom:0!important
}
.aside-blog .offcanvas-body .nav-link .text{
    font-size:18px!important
}
.aside-blog__side{
    border:1px solid var(--white50);
    min-width:134px;
    padding:10px;
    text-align:center;
    border-radius:50px
}
.button-offcanvas .icon{
    color:var(--black-ja);
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    font-size:.7rem
}
.button-offcanvas .icon:hover{
    color:var(--orange)
}
.page-blog-with-aside{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.page-blog-with-aside__content{
    margin-left:auto;
    margin-right:auto;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-top:var(--header-height)
}
.page-general-with-aside{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.page-general-with-aside__content,.page-general-without-aside__content{
    margin-left:auto;
    margin-right:auto;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-top:var(--header-height)
}
.banner-blog{
    height:450px
}
@media screen and (min-width: 768px){
    .banner-blog{
        height:auto
    }
}
.banner-blog__image{
    width:100%;
    height:250px;
    position:absolute;
    margin-right:0;
    top:0;
    left:-25px
}
.banner-blog__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media screen and (min-width: 768px){
    .banner-blog__image{
        position:relative;
        margin-right:-6rem;
        height:280px;
        left:-3%
    }
}
@media screen and (min-width: 992px){
    .banner-blog__image{
        position:relative;
        margin-right:-6rem;
        height:280px;
        left:0
    }
}
@media screen and (min-width: 1200px){
    .banner-blog__image{
        position:relative;
        margin-right:-6rem;
        height:447px;
        left:0
    }
}
.banner-blog__circle{
    border-radius:400px;
    border:1px solid var(--black-ja);
    display:grid;
    place-items:center;
    width:auto;
    min-width:auto;
    height:250px;
    position:relative;
    z-index:1
}
@media screen and (min-width: 576px){
    .banner-blog__circle{
        width:400px;
        min-width:400px
    }
}
@media screen and (min-width: 768px){
    .banner-blog__circle{
        width:470px;
        min-width:470px;
        height:280px
    }
}
@media screen and (min-width: 992px){
    .banner-blog__circle{
        width:430px;
        min-width:430px;
        height:280px
    }
}
@media screen and (min-width: 1200px){
    .banner-blog__circle{
        width:545px;
        min-width:545px;
        height:447px
    }
}
@media screen and (min-width: 1400px){
    .banner-blog__circle{
        width:660px;
        min-width:660px
    }
}
.banner-blog__circle .banner-blog-text{
    --font-size: 50px
}
@media screen and (min-width: 576px){
    .banner-blog__circle .banner-blog-text{
        --font-size: 55px
    }
}
@media screen and (min-width: 1200px){
    .banner-blog__circle .banner-blog-text{
        --font-size: 100px
    }
}
.banner-blog__circle p:not(.banner-blog-text){
    max-width:275px;
    margin:0 auto
}
.banner-our-story{
    height:auto
}
@media screen and (min-width: 768px){
    .banner-our-story{
        height:600px
    }
}
@media screen and (min-width: 992px){
    .banner-our-story{
        height:600px
    }
}
@media screen and (min-width: 1200px){
    .banner-our-story{
        height:700px
    }
}
.banner-our-story__image{
    width:100%;
    height:447px;
    position:absolute;
    margin-right:0;
    top:0;
    left:-25px
}
.banner-our-story__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media screen and (min-width: 768px){
    .banner-our-story__image{
        width:100%;
        margin-right:-6rem;
        height:447px;
        left:-3%
    }
}
@media screen and (min-width: 992px){
    .banner-our-story__image{
        width:40%;
        height:700px;
        position:relative;
        margin-right:-6rem;
        left:0
    }
}
@media screen and (min-width: 1200px){
    .banner-our-story__image{
        position:relative;
        margin-right:-6rem;
        height:700px;
        left:0
    }
}
@media screen and (min-width: 1400px){
    .banner-our-story__image{
        position:relative;
        margin-right:-6rem;
        height:700px;
        left:0
    }
}
.banner-our-story__circle{
    border-radius:400px;
    border:1px solid var(--orange);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:50px;
    width:auto;
    min-width:auto;
    position:relative;
    margin-top:55%;
    z-index:1;
    background-color:#ffffffb3
}
@media screen and (min-width: 768px){
    .banner-our-story__circle{
        width:100%;
        height:447px;
        padding:50px 100px;
        margin-top:25%
    }
}
@media screen and (min-width: 992px){
    .banner-our-story__circle{
        width:70%;
        height:447px;
        padding:0 100px;
        margin-top:0;
        background-color:#fff0
    }
}
@media screen and (min-width: 1200px){
    .banner-our-story__circle{
        width:70%;
        height:447px;
        padding:0 100px
    }
}
@media screen and (min-width: 1400px){
    .banner-our-story__circle{
        width:70%;
        height:447px;
        padding:0 200px
    }
}
@media screen and (min-width: 1920px){
    .banner-our-story__circle{
        width:1300px;
        min-width:427px;
        height:447px;
        padding:0 300px
    }
}
.banner-our-story__circle .banner-blog-text{
    --font-size: 50px
}
@media screen and (min-width: 576px){
    .banner-our-story__circle .banner-blog-text{
        --font-size: 55px
    }
}
@media screen and (min-width: 1200px){
    .banner-our-story__circle .banner-blog-text{
        --font-size: 100px
    }
}
.banner-our-story__circle p:not(.banner-blog-text){
    margin:0 auto
}
.banner-our-story-title{
    --font-size: 30px;
    --font-weight: 300
}
.banner-stories{
    height:390px
}
@media screen and (min-width: 768px){
    .banner-stories{
        height:auto
    }
}
.banner-stories__image{
    width:100%;
    height:220px;
    position:absolute;
    margin-right:0;
    top:0;
    left:-25px
}
.banner-stories__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media screen and (min-width: 768px){
    .banner-stories__image{
        position:relative;
        margin-right:-6rem;
        height:280px;
        left:-3%
    }
}
@media screen and (min-width: 992px){
    .banner-stories__image{
        position:relative;
        margin-right:-6rem;
        height:280px;
        left:0
    }
}
@media screen and (min-width: 1200px){
    .banner-stories__image{
        position:relative;
        margin-right:-6rem;
        height:350px;
        left:0
    }
}
.banner-stories__circle{
    border-radius:400px;
    border:1px solid var(--black-ja);
    display:grid;
    place-items:center;
    width:auto;
    min-width:auto;
    height:220px;
    position:relative;
    z-index:1
}
@media screen and (min-width: 576px){
    .banner-stories__circle{
        width:400px;
        min-width:400px
    }
}
@media screen and (min-width: 768px){
    .banner-stories__circle{
        width:470px;
        min-width:470px;
        height:280px
    }
}
@media screen and (min-width: 992px){
    .banner-stories__circle{
        width:450px;
        min-width:430px;
        height:280px
    }
}
@media screen and (min-width: 1200px){
    .banner-stories__circle{
        width:640px;
        min-width:545px;
        height:350px
    }
}
@media screen and (min-width: 1400px){
    .banner-stories__circle{
        width:660px;
        min-width:660px
    }
}
.banner-stories__circle .banner-blog-text{
    --font-size: 50px
}
@media screen and (min-width: 576px){
    .banner-stories__circle .banner-blog-text{
        --font-size: 55px
    }
}
@media screen and (min-width: 1200px){
    .banner-stories__circle .banner-blog-text{
        --font-size: 100px
    }
}
.blog-list-separator hr{
    background-color:var(--orange);
    color:var(--orange);
    border-color:var(--orange);
    opacity:1
}
.newsleter-quote{
    max-width:auto;
    text-align:center;
    font-size:45px!important
}
@media screen and (min-width: 768px){
    .newsleter-quote{
        text-align:left
    }
}
@media screen and (min-width: 992px){
    .newsleter-quote{
        max-width:509px;
        font-size:75px!important
    }
}
.card-blog{
    width:330px
}
@media screen and (min-width: 992px){
    .card-blog{
        width:100%
    }
}
.card-blog__clicktag{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.card-blog__image{
    width:100%;
    aspect-ratio:370/508;
    overflow:hidden;
    position:relative
}
.card-blog__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.card-blog__title{
    height:100px
}
.card-blog__title a{
    text-decoration:none
}
.grid-blog{
    width:100vw
}
@media screen and (min-width: 992px){
    .grid-blog{
        width:auto
    }
}
@media screen and (min-width: 992px){
    .grid-blog .swiper-wrapper{
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;
        -webkit-transform:translate3d(0,0,0)!important;
        transform:translateZ(0)!important;
        display:block
    }
}
.grid-blog .swiper-slide{
    width:auto;
    height:auto;
    -webkit-column-break-inside:avoid;
    page-break-inside:avoid;
    -moz-column-break-inside:avoid;
    break-inside:avoid
}
@media screen and (min-width: 992px){
    .grid-blog .swiper-slide:nth-child(1) .card-blog__image{
        aspect-ratio:370/400
    }
}
@media screen and (min-width: 992px){
    .grid-blog .swiper-slide:nth-child(6) .card-blog__image{
        aspect-ratio:370/400
    }
}
@media screen and (min-width: 992px){
    .grid-blog .swiper-slide:nth-child(7) .card-blog__image{
        aspect-ratio:370/400
    }
}
.card-gift{
    -webkit-column-break-inside:avoid;
    page-break-inside:avoid;
    -moz-column-break-inside:avoid;
    break-inside:avoid
}
.card-gift .card-head{
    font-size:30px
}
@media screen and (min-width: 576px){
    .card-gift .card-head{
        font-size:50px
    }
}
.card-gift .card-article__image{
    aspect-ratio:512/713
}
.grid-gift{
    -webkit-column-count:1;
    -moz-column-count:1;
    column-count:1;
    -webkit-column-gap:9px;
    -moz-column-gap:9px;
    column-gap:9px;
    position:relative;
    min-height:400px
}
@media screen and (min-width: 576px){
    .grid-gift{
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2
    }
}
.grid-gift .card-gift:nth-child(2) .card-article__image{
    aspect-ratio:512/608
}
.grid-gift .card-gift:nth-child(3) .card-article__image{
    aspect-ratio:512/608
}
.banner-news__image{
    width:100%;
    max-height:446px
}
.banner-news__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.card-news__image{
    aspect-ratio:250/260
}
.card-news__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.page-blog-inner-without-aside{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:auto;
    width:100%
}
@media screen and (min-width: 992px){
    .page-blog-inner-without-aside{
        padding:0 50px
    }
}
.page-blog-inner-without-aside__content{
    margin-left:auto;
    margin-right:auto;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    padding-top:var(--header-height)
}
.blog-inner__paragraph p{
    line-height:26px
}
.blog-inner .swiper-slide{
    width:auto
}
.blog-inner__largeImage{
    height:395px
}
.blog-inner__largeImage img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.blog-inner__highligtedText{
    height:100%;
    min-height:277px;
    max-height:377px;
    border:1px solid var(--black-ja);
    border-radius:500px;
    padding:40px
}
.blog-inner__highligtedText p,.blog-inner__highligtedText h1,.blog-inner__highligtedText h2,.blog-inner__highligtedText h3,.blog-inner__highligtedText h4,.blog-inner__highligtedText h5,.blog-inner__highligtedText h6{
    font-size:40px
}
@media screen and (min-width: 992px){
    .blog-inner__highligtedText p,.blog-inner__highligtedText h1,.blog-inner__highligtedText h2,.blog-inner__highligtedText h3,.blog-inner__highligtedText h4,.blog-inner__highligtedText h5,.blog-inner__highligtedText h6{
        font-size:60px
    }
}
.blog-inner__smallImage{
    height:395px;
    border-radius:500px;
    overflow:hidden
}
.blog-inner__smallImage img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.blog-inner__list ol{
    padding-left:1.1rem
}
.blog-inner__list ol li{
    margin-bottom:1.3rem
}
.blog-inner__list ol li strong{
    color:var(--black-ja)
}
.blog-inner__list ol li::marker{
    font-family:var(--font-primary);
    font-weight:700;
    color:var(--orange)!important
}
.blog-inner__list ol li p{
    margin-bottom:.4rem
}
.blog-inner.module-19{
    --info-width: 350px;
    width:100vw
}
@media screen and (min-width: 992px){
    .blog-inner.module-19{
        width:calc(100vw - var(--info-width))
    }
}
.blog-inner.module-19:before{
    display:none!important
}
.card-header{
    text-decoration:none
}
.card-header__image{
    aspect-ratio:70/100
}
.card-header__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.card-header__title{
    max-height:55px
}
.sustantibility__paragraph p{
    line-height:26px
}
.sustantibility__largeImage{
    aspect-ratio:1025/635
}
.sustantibility__largeImage img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.sustantibility__highligtedText{
    height:100%;
    border:1px solid var(--black-ja);
    border-radius:500px;
    max-height:323px;
    min-height:200px;
    padding:40px
}
.sustantibility__highligtedText p,.sustantibility__highligtedText h1,.sustantibility__highligtedText h2,.sustantibility__highligtedText h3,.sustantibility__highligtedText h4,.sustantibility__highligtedText h5,.sustantibility__highligtedText h6{
    font-size:40px
}
@media screen and (min-width: 992px){
    .sustantibility__highligtedText p,.sustantibility__highligtedText h1,.sustantibility__highligtedText h2,.sustantibility__highligtedText h3,.sustantibility__highligtedText h4,.sustantibility__highligtedText h5,.sustantibility__highligtedText h6{
        font-size:60px
    }
}
.sustantibility__smallImage{
    aspect-ratio:440/377
}
.sustantibility__smallImage img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.sustantibility__list ol{
    padding-left:1.1rem
}
.sustantibility__list ol li{
    margin-bottom:1.3rem
}
.sustantibility__list ol li strong{
    color:var(--black-ja)
}
.sustantibility__list ol li::marker{
    font-family:var(--font-primary);
    font-weight:700;
    color:var(--orange)!important
}
.sustantibility__list ol li p{
    margin-bottom:.4rem
}
.list-options-header{
    max-height:380px;
    overflow-x:hidden;
    overflow-y:scroll;
    scrollbar-width:none
}
.header-product-line{
    border-bottom:1px solid var(--white50)
}
.search-empty{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.search-empty-box{
    height:400px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.search-empty-box p{
    --font-size: 40px
}
.card-article-body{
    position:relative
}
.card-article .delete-event{
    position:absolute;
    top:0;
    right:8px
}
.card-article .delete-event .icon{
    font-size:18px
}
.card-article:hover .card-article__interactions button .icon{
    color:var(--orange)
}
.card-article:hover .card-article__interactions .checkskin-favorite svg{
    stroke:var(--orange)!important;
    fill:var(--orange)!important
}
.talk-soon__phill{
    border:1px solid var(--black-ja);
    padding:50px;
    --font-size: 30px;
    border-radius:200px
}
@media screen and (min-width: 1200px){
    .talk-soon__phill{
        padding:50px 100px;
        --font-size: 60px
    }
}
.posibilities ul{
    --line-height: 1.5rem
}
.posibilities ul li{
    margin-bottom:15px
}
.posibilities ul p{
    margin-top:15px
}
.posibilities-image{
    background:-webkit-gradient(linear,left top,right top,from(rgb(255,255,255)),color-stop(22%,rgb(255,255,255)),color-stop(22%,rgb(244,242,237)));
    background:-o-linear-gradient(left,rgb(255,255,255) 0%,rgb(255,255,255) 22%,rgb(244,242,237) 22%);
    background:linear-gradient(90deg,rgb(255,255,255) 0%,rgb(255,255,255) 22%,rgb(244,242,237) 22%)
}
.posibilities-image-title{
    --font-size: 50px;
    margin-left:35%
}
.posibilities-image__phill{
    width:300px;
    height:500px;
    overflow:hidden;
    border-radius:700px
}
.posibilities-image__phill img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.text-off-newsletter span{
    color:var(--orange)!important
}
.modal-brand .modal-content{
    padding:0;
    position:relative
}
.modal-brand .modal-content .modal-header{
    top:0;
    left:0;
    width:100%;
    position:absolute
}
.modal-brand__image img{
    aspect-ratio:16/9;
    width:100%;
    height:200px;
    -o-object-fit:cover;
    object-fit:cover
}
@media screen and (min-width: 576px){
    .modal-brand__image img{
        aspect-ratio:2/3;
        height:500px
    }
}
.create-event-empty .content-container{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.create-event-empty-image{
    position:absolute;
    right:0;
    top:50%;
    z-index:-1;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%
}
@media screen and (min-width: 768px){
    .create-event-empty-image{
        width:calc(41.6666666667% + 50px)
    }
}
.create-event-empty-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.create-event .hide-partner [data-partner],.create-event .hide-bride [data-bride]{
    display:none
}
.create-event .input-file{
    padding:150px 30px
}
@media screen and (min-width: 1200px){
    .create-event .input-file{
        padding:170px 30px
    }
}
.create-event .tab-buttons button{
    pointer-events:none
}
.create-event .choosed-colors{
    width:270px
}
.create-event .choosed-colors .colors-container{
    max-height:207px;
    overflow-y:auto
}
@media screen and (min-width: 992px){
    .create-event .choosed-colors{
        width:280px
    }
}
@media screen and (min-width: 1200px){
    .create-event .choosed-colors{
        width:325px
    }
}
.create-event__share-link{
    --font-size: 16px;
    text-decoration:underline;
    margin-bottom:1rem;
    margin-top:1rem
}
.create-event__share-link>.row{
    border-bottom:1px solid var(--white50);
    height:100%
}
.not-found{
    display:grid;
    place-items:center;
    height:calc(100vh - var(--header-height))
}
.not-found__image{
    aspect-ratio:928/531;
    width:100%;
    max-height:450px;
    margin-right:-3rem
}
.not-found__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.not-found__circle{
    aspect-ratio:1/1;
    border-radius:50%;
    border:1px solid var(--black-ja);
    display:grid;
    place-items:center;
    width:300px;
    min-width:300px
}
@media screen and (min-width: 576px){
    .not-found__circle{
        width:400px;
        min-width:400px
    }
}
@media screen and (min-width: 992px){
    .not-found__circle{
        width:450px;
        min-width:450px
    }
}
.not-found__circle .text-404{
    --font-size: 25px
}
@media screen and (min-width: 576px){
    .not-found__circle .text-404{
        --font-size: 35px
    }
}
@media screen and (min-width: 1200px){
    .not-found__circle .text-404{
        --font-size: 50px
    }
}
.not-found__circle .big-text{
    --font-size:40px
}
@media screen and (min-width: 576px){
    .not-found__circle .big-text{
        --font-size: 50px
    }
}
@media screen and (min-width: 1200px){
    .not-found__circle .big-text{
        --font-size: 60px
    }
}
.order-detail__image img{
    width:277px;
    aspect-ratio:3/4;
    -o-object-fit:cover;
    object-fit:cover
}
@media screen and (min-width: 768px){
    .order-detail__image img{
        width:300px
    }
}
@media screen and (min-width: 1200px){
    .order-detail__image img{
        width:330px
    }
}
.user-addresses .address-item{
    border-bottom:2px solid var(--white100)
}
.user-addresses .address-item p,.user-addresses .address-item a,.user-addresses .address-item button,.user-addresses .address-item p span,.user-addresses .address-item a span,.user-addresses .address-item button span{
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.user-addresses .address-item:hover .address-item__name{
    color:var(--orange)
}
.user-addresses .address-item:hover .address-item__address{
    --font-weight: 700
}
.user-addresses .address-item button:hover span{
    color:var(--orange)
}
.user-edit-address form .input input,.user-edit-address form .nice-select{
    border-bottom:1px solid var(--green)
}
.legal{
    --content-margin: calc(var(--header-height) + 20px)
}
@media screen and (min-width: 576px){
    .legal{
        --content-margin: calc(var(--header-height) + 20px)
    }
}
@media screen and (min-width: 992px){
    .legal{
        --content-margin: calc(var(--header-height) + 40px)
    }
}
.legal aside{
    position:sticky;
    top:0;
    left:0;
    height:100vh;
    width:240px;
    padding:50px 20px 2rem 30px;
    padding-top:var(--content-margin);
    overflow-y:scroll;
    scrollbar-width:none;
    -webkit-box-shadow:0px 4px 15px rgba(0,0,0,.1);
    box-shadow:0 4px 15px #0000001a;
    border-right:1px solid var(--gray-light)
}
@media screen and (min-width: 992px){
    .legal aside{
        width:300px;
        padding-left:50px;
        padding-right:30px
    }
}
@media screen and (min-width: 1200px){
    .legal aside{
        width:400px;
        padding-left:70px
    }
}
.legal aside nav{
    position:sticky;
    top:var(--content-margin);
    left:0
}
.legal aside ol{
    list-style:none;
    counter-reset:item;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:2rem;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:0 0 2rem
}
.legal aside ol li{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.legal aside ol li a{
    padding-left:2.5rem;
    text-decoration:none
}
.legal aside ol li a:after{
    counter-increment:item;
    content:counter(item,decimal-leading-zero) ".";
    position:absolute;
    left:0;
    top:0;
    font-family:var(--font-tertiary);
    font-size:35px;
    line-height:14px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.legal aside ol li a:before{
    content:"";
    height:2px;
    width:0;
    background:var(--orange);
    position:absolute;
    left:2.5rem;
    bottom:-5px;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s
}
.legal aside ol li a.active{
    --font-color: var(--orange)
}
.legal aside ol li a.active:after{
    color:var(--orange)
}
.legal aside ol li a.active:before{
    content:"";
    width:47px
}
.legal aside ol li a:hover{
    color:var(--orange)
}
.legal aside ol li a:hover:before{
    content:"";
    width:47px
}
.legal aside ol li a:hover:after{
    color:var(--orange)
}
.legal aside.hideOverlay:after{
    opacity:0
}
.legal__content{
    padding-left:1.5rem;
    padding-right:1.5rem
}
@media screen and (min-width: 768px){
    .legal__content{
        padding-left:50px;
        padding-right:50px
    }
}
@media screen and (min-width: 992px){
    .legal__content{
        padding-left:90px;
        padding-right:90px
    }
}
@media screen and (min-width: 1200px){
    .legal__content{
        padding-left:120px
    }
}
.legal__title{
    padding-top:var(--content-margin);
    background-color:var(--white)
}
.legal__section h1,.legal__section h2,.legal__section h3,.legal__section h4,.legal__section h5,.legal__section h6{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 22px;
    --font-family: var(--font-secondary);
    --font-weight: 300;
    margin-bottom:1rem
}
.legal__section p{
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    line-height:26px;
    margin-bottom:1rem
}
@media screen and (min-width: 992px){
    .plp.space-header{
        margin-top:calc(var(--header-height) + 30px)
    }
}
.plp .filters-column{
    width:280px;
    max-height:calc(100vh - var(--header-height));
    top:calc(var(--header-height) + 30px);
    overflow:auto
}
@media screen and (min-width: 576px){
    .plp .filters-column{
        width:330px
    }
}
@media screen and (min-width: 992px){
    .plp .filters-column{
        position:sticky;
        max-height:calc(100vh - var(--header-height) - 50px)
    }
}
.plp .filters-column label{
    cursor:pointer
}
.plp .filters-column .filters-custom-bg{
    background:var(--white100)
}
@media screen and (min-width: 992px){
    .plp .filters-column .filters-custom-bg{
        background:var(--white)
    }
}
.plp .filters-column .filter-item{
    border-bottom:1px solid var(--white300)
}
.plp .filters-column .filter-collapse{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    width:100%;
    font-size:var(--font-size, 16px);
    font-weight:var(--font-weight, 400);
    color:var(--font-color, var(--black-ja));
    font-family:var(--font-family, var(--font-primary));
    line-height:var(--line-height, 1.2em);
    letter-spacing:var(--letter-spacing);
    margin:0;
    --font-size: 14px;
    --font-weight: 700;
    text-transform:uppercase
}
.plp .filters-column .filter-collapse .icon{
    font-size:12px;
    -webkit-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
    transition:all .2s ease-in
}
.plp .filters-column .filter-collapse:not(.collapsed) .icon{
    display:inline-block;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    color:var(--orange);
    font-size:14px
}
.plp .filters-column .selected-item,.plp .filters-column .filter-previews,.plp .filters-column .collapsing~.filter-previews .selected-item{
    max-height:0;
    opacity:0;
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.plp .filters-column .collapsed~.filter-previews .selected-item,.plp .filters-column .collapsed~.filter-previews{
    max-height:1000px;
    opacity:1
}
.plp .filters-column [data-selected]{
    display:none
}
.plp .filters-column .button-clear-filter{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.plp .filters-column .button-clear-filter:hover{
    color:var(--orange)
}
.plp .filters-column .small-checkbox-color .checkskin-color{
    width:30px;
    height:30px
}
.plp .filters-column .small-checkbox-color .checkskin-color:before{
    font-size:12px!important
}
.plp .filters-column .small-checkbox-color input:checked+.checkskin-color{
    border-width:3px
}
.plp .filters-column .selected-item .checkskin-color{
    border:4px solid var(--white);
    -webkit-box-shadow:0 4px 14px rgba(0,0,0,.15);
    box-shadow:0 4px 14px #00000026
}
.plp .filters-column .selected-item .checkskin-color:before{
    font-family:var(--icons);
    font-size:20px;
    color:var(--white);
    z-index:2
}
.plp .filters-column .filter-previews p{
    --font-color: var(--gray-primary)
}
.plp .filters-column .filter-previews button{
    color:var(--black600)
}
.plp .responsive-offcanvas{
    background:var(--white100);
    border:none
}
@media screen and (min-width: 992px){
    .plp .responsive-offcanvas{
        background:var(--white);
        z-index:0;
        visibility:visible;
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0)
    }
}
.plp .offcanvas-backdrop{
    background-color:transparent
}
.plp .logged-card{
    border:1px solid var(--orange);
    border-radius:20px;
    position:relative;
    max-height:1000px
}
@media screen and (min-width: 992px){
    .plp .logged-card .logued-card-collapse{
        display:block
    }
}
.plp .logged-card .info-icon{
    border-radius:50%;
    width:70px;
    height:70px;
    background:var(--beige);
    display:grid;
    place-items:center
}
.plp .logged-card .info-icon .icon{
    font-size:32px
}
.plp .logged-card-events{
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px
}
@media screen and (min-width: 992px){
    .plp .logged-card__description-column{
        -webkit-box-flex:2.5;
        -ms-flex-positive:2.5;
        flex-grow:2.5
    }
}
.plp .logged-card__palette{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.plp .logged-card__palette .checkskin:not(:first-child){
    margin-left:-5px
}
.plp .logged-card__palette .checkskin .checkskin-color{
    width:30px;
    height:30px
}
.plp .logged-card__close{
    position:absolute;
    right:1.1rem;
    top:1.1rem
}
.plp .logged-card__number-events{
    background:var(--black-ja);
    color:var(--white);
    border-radius:50%;
    width:23px;
    height:23px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
@media screen and (min-width: 992px){
    .plp .logged-card__collapse-button{
        pointer-events:none
    }
}
.plp .logged-card__collapse-button .icon{
    font-size:10px;
    display:inline-block;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.plp .logged-card__collapse-button:not(.collapsed) .icon{
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.plp .logged-card.hidden{
    max-height:0;
    border:0;
    overflow:hidden;
    margin-bottom:0!important;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.pdp .column-images{
    position:relative
}
.pdp .column-images .overflow-wrapper{
    overflow-x:hidden
}
@media screen and (min-width: 768px){
    .pdp .column-images .overflow-wrapper{
        max-height:calc(100vh - var(--header-height));
        overflow:auto
    }
}
.pdp .column-images .overflow-wrapper::-webkit-scrollbar-thumb{
    background:transparent
}
@media screen and (min-width: 768px){
    .pdp .column-images{
        position:sticky;
        top:var(--header-height)
    }
}
.pdp .column-images .personalize-button{
    position:absolute;
    top:30px;
    right:17px;
    z-index:10
}
.pdp .column-images .personalize-button .info-icon{
    font-size:18px
}
.pdp .column-images .personalize-button .button--primary{
    background-color:#ffffffd9;
    --font-color: var(--black-ja);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:7px;
    padding-left:16px;
    padding-right:16px
}
@media screen and (min-width: 768px){
    .pdp .column-images .personalize-button .button--primary{
        padding-left:25px;
        padding-right:25px
    }
}
.pdp .column-images .personalize-button .button--primary:hover{
    background-color:#fff
}
.pdp .column-images img, .pdp .column-images video{
    width:90vw;
    max-width:370px;
    max-height: calc(100vh - 147px);/*header height*/
    aspect-ratio: 2/3;
    object-fit: contain
}
@media screen and (min-width: 768px){
    .pdp .column-images img, .pdp .column-images video{
        width:100%;
        max-width:unset
    }
}
@media screen and (min-width: 768px){
    .pdp .column-images .swiper .swiper-wrapper{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-transform:translate3d(0,0,0)!important;
        transform:translateZ(0)!important
    }
}
.pdp .column-images .swiper .swiper-wrapper .swiper-slide{
    width:auto
}
@media screen and (min-width: 768px){
    .pdp .column-images .swiper .swiper-wrapper .swiper-slide{
        width:100%
    }
}
.pdp .dress-configuration{
    width:100%
}
@media screen and (min-width: 768px){
    .pdp .dress-configuration{
        width:50%;
        min-width:400px;
        max-width:600px
    }
}
.pdp .dress-configuration .colors-container{
    min-width: 400px;
    width: 100%;
}
.pdp .dress-configuration .colors-container .colors-wrapper>.col-auto{
    margin-left:-8px
}
.pdp .dress-configuration .colors-container .colors-wrapper input:checked+.checkskin-color{
    z-index:20
}
.pdp .dress-configuration .colors-container .colors-wrapper .checkskin-color:hover{
    z-index:30
}
.pdp .dress-configuration .preview-color{
    height:45px;
    margin-top:1.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:end;
    -ms-flex-pack:end;

}


.pdp .dress-configuration {
  justify-content:flex-end  
}
    
.preview-color {
    justify-content: flex-start;
}
.pdp .dress-configuration .body-shape .nice-select{
    height:41px
}
.pdp .dress-configuration .checkskin-favorite svg{
    stroke:var(--black-ja)
}
.pdp .dress-configuration .parent-filter .collapse-icon{
    font-size:14px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    display:inline-block
}
.pdp .dress-configuration .parent-filter:not(.collapsed) .collapse-icon{
    color:var(--orange);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    font-size:16px
}
.pdp .dress-configuration .child-collapse .icon{
    font-size:8px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    display:inline-block
}
.pdp .dress-configuration .child-collapse:not(.collapsed) .icon{
    color:var(--orange);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.pdp .dress-configuration .size-preview{
    background:var(--gray-light);
    border-radius:10px
}
.pdp .dress-configuration .size-preview__selected{
    background:var(--green);
    border-radius:1000px;
    height:48px
}
.pdp .dress-configuration .input-control.label-small .nice-select{
    border-color:var(--green)
}
.pdp .dress-configuration .input-control.label-small .nice-select:after{
    border-color:var(--green)
}
.pdp .dress-configuration [data-color-name]{
    height:20px
}
.pdp .dress-configuration [data-preview-container]{
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    max-height:1000px;
    opacity:1
}
.pdp .dress-configuration button:not(.collapsed)~[data-preview-container]{
    max-height:0;
    overflow:hidden;
    padding:0!important;
    opacity:0
}
.checkout{
    --column-height: calc(100vh - var(--header-height) + 25px)
}
@media screen and (min-width: 992px){
    .checkout{
        --reserved-space: 160px
    }
}
.checkout.no-navigation{
    --reserved-space: 85px
}
.checkout input:-webkit-autofill{
    -webkit-text-fill-color:var(--black-ja)
}
.checkout input:autofill{
    -webkit-text-fill-color:var(--black-ja)
}
.checkout.space-header{
    margin-top:calc(var(--header-height) - 25px)
}
.checkout .reserved-space{
    opacity:0;
    visibility:hidden;
    height:60px
}
@media screen and (min-width: 992px){
    .checkout .reserved-space{
        opacity:1;
        visibility:visible;
        height:var(--reserved-space)
    }
}
.checkout .summary-column{
    background-color:#fff;
    position:fixed;
    width:100vw;
    left:0;
    top:calc(100vh - 67px);
    -webkit-box-shadow:0px 4px 250px rgba(0,0,0,.15);
    box-shadow:0 4px 250px #00000026;
    border-radius:45px 45px 0 0;
    overflow:hidden;
    -webkit-transition:.8s cubic-bezier(.39,-.01,.11,1.06);
    -o-transition:.8s cubic-bezier(.39,-.01,.11,1.06);
    transition:.8s cubic-bezier(.39,-.01,.11,1.06)
}
@media screen and (min-width: 576px){
    .checkout .summary-column{
        left:unset;
        width:516px
    }
}
@media screen and (min-width: 768px){
    .checkout .summary-column{
        width:696px
    }
}
@media screen and (min-width: 992px){
    .checkout .summary-column{
        background-color:transparent;
        overflow:visible;
        border-radius:0;
        -webkit-box-shadow:none;
        box-shadow:none;
        padding-right:0;
        position:relative;
        top:unset;
        width:450px;
        margin-top:85px
    }
    .checkout .summary-column:before{
        content:"";
        display:block;
        position:absolute;
        top:0;
        bottom:0;
        right:2px;
        width:1px;
        z-index:-1;
        background:var(--white300)
    }
}
@media screen and (min-width: 1200px){
    .checkout .summary-column{
        width:500px
    }
}
@media screen and (min-width: 992px){
    .checkout .summary-column-wrapper{
        border-left:1px solid var(--white300);
        -webkit-box-shadow:-4px 0px 8px rgba(0,0,0,.05);
        box-shadow:-4px 0 8px #0000000d
    }
}
.checkout .summary-column .overflow-wrapper{
    margin-right:1rem;
    overflow:auto
}
.checkout .summary-column .overflow-wrapper::-webkit-scrollbar-thumb{
    background:var(--white300);
    border-radius:2px
}
.checkout .summary-column .overflow-wrapper::-webkit-scrollbar{
    width:2px;
    height:2px
}
@media screen and (min-width: 992px){
    .checkout .summary-column .overflow-wrapper{
        margin-right:0
    }
}
.checkout .summary-column .bar{
    width:40px;
    height:3px;
    background:var(--black-ja);
    border-radius:1000px
}
.checkout .summary-column .total-price{
    position:sticky;
    bottom:0;
    background:white
}
.checkout .summary-column.show{
    top:127px
}
.checkout .summary-column.show .overflow-wrapper{
    height:calc(100vh - 127px)
}
@media screen and (min-width: 992px){
    .checkout .summary-column.show{
        top:unset
    }
    .checkout .summary-column.show .overflow-wrapper{
        height:calc(var(--column-height) - var(--reserved-space))
    }
}
.checkout .content-column{
    overflow-x:hidden
}
@media screen and (min-width: 992px){
    .checkout .content-column{
        height:var(--column-height);
        overflow-y:auto
    }
}
.checkout .checkbox-address label{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start
}
.checkout .checkbox-address input~p{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.checkout .checkbox-use-my-account-info label{
    margin-bottom:0
}
.checkout .editing-form input,.checkout .editing-form .nice-select{
    pointer-events:none
}
.checkout .editing-form.editing input,.checkout .editing-form.editing .nice-select{
    pointer-events:initial;
    border-bottom-color:var(--green)
}
@media screen and (min-width: 992px){
    .product-detail .summary.only-one{
        display:none
    }
}
.thank-you .banner{
    margin-bottom:72px
}
@media screen and (min-width: 768px){
    .thank-you .banner{
        margin-bottom:0;
        min-height:470px
    }
}
@media screen and (min-width: 992px){
    .thank-you .banner{
        min-height:635px
    }
}
.thank-you .banner .content-container{
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:0;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-line-pack:center;
    align-content:center
}
@media screen and (min-width: 768px){
    .thank-you .banner .content-container{
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
}
.thank-you .banner-thanks-badge{
    max-width:400px;
    margin-bottom:59px
}
@media screen and (min-width: 768px){
    .thank-you .banner-thanks-badge{
        margin-bottom:0;
        max-width:unset
    }
}
.thank-you .banner-image{
    text-align:center;
    margin-bottom:-30px;
    position:relative;
    right:0;
    z-index:-1
}
@media screen and (min-width: 768px){
    .thank-you .banner-image{
        margin-left:-50px
    }
}
.thank-you .banner-image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.thank-you .banner .arrows{
    position:absolute;
    bottom:-2rem;
    left:50%;
    -webkit-transform:translate(-50%,100%);
    -ms-transform:translate(-50%,100%);
    transform:translate(-50%,100%)
}
.thank-you .banner .arrows .icon{
    font-size:10px;
    color:var(--orange);
    margin-bottom:6px;
    display:inline-block;
    -webkit-animation:move 1.3s ease-in-out;
    animation:move 1.3s ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate
}
.thank-you .banner .arrows .icon:nth-child(0){
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.thank-you .banner .arrows .icon:nth-child(1){
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.thank-you .banner .arrows .icon:nth-child(2){
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.thank-you .banner .arrows .icon:nth-child(3){
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
.thank-you .banner .arrows .icon:nth-child(4){
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
.thank-you .banner .arrows .icon:nth-child(5){
    -webkit-animation-delay:2s;
    animation-delay:2s
}
@-webkit-keyframes move{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
}
@keyframes move{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
}
@media screen and (min-width: 992px){
    .thank-you .summary{
        width:400px
    }
}
@media screen and (min-width: 1200px){
    .thank-you .summary{
        width:400px
    }
}
@media screen and (min-width: 1400px){
    .thank-you .summary{
        width:447px
    }
}
.thank-you .quantity-header{
    width:110px
}
@media screen and (min-width: 1200px){
    .thank-you .quantity-header{
        width:143px
    }
}
@media screen and (min-width: 1400px){
    .thank-you .quantity-header{
        width:173px
    }
}
.thank-you .price-header{
    width:216px
}
@media screen and (min-width: 1200px){
    .thank-you .price-header{
        width:274px
    }
}
@media screen and (min-width: 1400px){
    .thank-you .price-header{
        width:333px
    }
}
:root{
    --orange: #FF685A;
    --beige: #D9CFC4;
    --red: #E11D1D;
    --yellow: #E3B306;
    --green: #9EDA8B;
    --green400: #209D25;
    --gray-primary: #332C2B;
    --gray-light: #F4F2ED;
    --gray900: #584D4C;
    --gray700: #495057;
    --gray600: #C0A9A6;
    --black-ja: #0F0A0F;
    --black900: #252525;
    --black700: #535353;
    --black600: #8C8C8C;
    --white50: #CACACA;
    --white300: #DFDFDF;
    --white100: #F2F2F2;
    --white: #FFFFFF;
    --primary: var(--orange);
    --secondary: var(--gray-primary);
    --success: var(--green400);
    --warning: var(--yellow);
    --danger: var(--red);
    --font-primary: "macan",sans-serif;
    --font-secondary:"jas", sans-serif;
    --font-tertiary: "Reenie Beanie", cursive;
    --icons:"icons-ja";
    --header-height:127px
}
@media screen and (min-width: 992px){
    :root{
        --header-height:147px
    }
}

.intials{
    color: white;
    font-size: 40px;
    font-weight: bold;
}

.button-circle {
    border-radius: 25px;
    border: 1px solid var(--orange);
    padding: 10px 50px;
}

.icon-Chevron-up-large.swiper-button-disabled:before{
    content: 'Minimum';
    font-size: 13px;
    font-family: var(--font-family, var(--font-primary));
}

.icon-Chevron-down-large.swiper-button-disabled:before {
    content: 'Maximum';
    font-size: 13px;
    font-family: var(--font-family, var(--font-primary));
}
.options-waist, .options-bust, .options-hip {
    pointer-events: none;
    cursor: none;
}


.pdp-image-loader  {
    background: white;
    width: 100%;

}

.pdp-image-loader .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdp-image-loader .loader-gif {
    width: 65px !important;
    height: auto;
    object-fit: contain;
    position: absolute;
    z-index: 100;
    left: inherit;
}
.pdp-image-loader .default-img  {
opacity: 0;
}

.btn-spinner {
    display: none;
    width: auto;
    height: 16px;
    margin-bottom: 2px;
    padding-left: 10px;
}

.event-button-edit {
    color: #FF685A;
    font-weight: 600;
}
.event-button-edit:hover {
    color: #ff685aab;
}
.event-button-edit .icon{
    color: #FF685A;
}
.event-button-edit .icon:hover{
    color: #ff685aab;
}

.wholesaleprice.inactive{
    display: none;
}